Dribbble — иконки и логотипы

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

  • Приложенияраздел каталога
  • 5SVG-файлов
  • 1:1пропорции знака
  • 4,4 КБвес файла
  • #EA4C89фирменный цвет
  • Дизайнкатегория

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

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

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

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

Цвет

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

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

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

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

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

Скачать

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

  • Моноdribbble.svg
    Скачать SVG
  • Цветнаяdribbble-color.svg
    Скачать SVG
  • Текстdribbble-text.svg
    Скачать SVG
  • Текст для тёмного фонаdribbble-text-dark.svg
    Скачать SVG
  • Лого + текст, цветdribbble-brand-color.svg
    Скачать SVG

Вставка в код

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

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

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

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

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

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