Stack Overflow — иконки и логотипы

Логотип Stack Overflow в формате SVG: 4 начертания — Моно, Цветная, Текст цветной, Лого + текст, цвет. Скачивайте файлом или вставляйте прямой ссылкой, без регистрации и ограничений.

  • Приложенияраздел каталога
  • 4SVG-файлов
  • 1:1.2пропорции знака
  • 435 Бвес файла
  • #F58025фирменный цвет
  • Софт и сервисыкатегория

Официальный сайт бренда ↗

Правила использования логотипа ↗

Предпросмотр иконок

Каждое начертание показано на тёмной и светлой подложке. Клетка означает прозрачный фон файла.

Моноstack-overflow.svg
Stack Overflow — Моно на тёмном фонеСветлая подложка: своей версии для тёмного фона у таких начертаний нет — цвет можно подобрать ниже.Stack Overflow — Моно на светлом фоне
Цветнаяstack-overflow-color.svg
Stack Overflow — Цветная на тёмном фонеStack Overflow — Цветная на светлом фоне
Текст цветнойstack-overflow-text-color.svg
Stack Overflow — Текст цветной на тёмном фонеStack Overflow — Текст цветной на светлом фоне
Лого + текст, цветstack-overflow-brand-color.svg
Stack Overflow — Лого + текст, цвет на тёмном фонеStack Overflow — Лого + текст, цвет на светлом фоне

Цвет

Разложили логотип на цвета: поменяйте любой из них, сделайте одноцветную версию или залейте градиентом — и скачайте результат.

Stack Overflow — предпросмотр цвета

Перекраска и градиент — на ваше усмотрение: у многих компаний бренд-гайдлайны это ограничивают. Исходные файлы мы отдаём без изменений, редактор меняет только вашу копию.

Растровые версии

Готовый PNG для мест, где вектор не поддерживается — презентации, документы, письма. Для интерфейса лучше SVG выше: он не мылится при увеличении.

Скачать

Файлы отдаются напрямую и не требуют ключа. Ссылка стабильна — её можно вставлять в вёрстку без копирования файла к себе.

  • Моноstack-overflow.svg
    Скачать SVG
  • Цветнаяstack-overflow-color.svg
    Скачать SVG
  • Текст цветнойstack-overflow-text-color.svg
    Скачать SVG
  • Лого + текст, цветstack-overflow-brand-color.svg
    Скачать SVG

Вставка в код

HTML
<img src="https://ru.headai.bot/icons/e2edaa9d3jx/stack-overflow.svg" alt="Stack Overflow" width="32" height="32" />
React
<img
  src="https://ru.headai.bot/icons/e2edaa9d3jx/stack-overflow.svg"
  alt="Stack Overflow"
  width={32}
  height={32}
  loading="lazy"
/>
CSS
.icon-stack-overflow {
  background-image: url("https://ru.headai.bot/icons/e2edaa9d3jx/stack-overflow.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
Markdown
![Stack Overflow](https://ru.headai.bot/icons/e2edaa9d3jx/stack-overflow.svg)

Для ИИ-агента

Отправьте эту строку своему агенту — дальше он сам прочитает инструкцию и подставит нужные ссылки.

Прочитай https://ru.headai.bot/icons/skill.md и следуй инструкциям

Машинные ресурсы

Stack Overflow и связанные обозначения — товарные знаки правообладателя. Логотип приведён исключительно для идентификации сервиса (приложения); HEAD AI не заявляет на него прав и не аффилирован с правообладателем. Запрос на удаление: support@headai.bot.