Pixmora

Иконка сообщения для чата

Пузыри Lucide для чата: круг для мессенджера, квадрат для комментария, два квадрата для ветки переписки.

Как применить иконку «Круглый пузырь»

Пузыри Lucide для чата: круг для мессенджера, квадрат для комментария, два квадрата для ветки переписки.

Сценарий страницы: Открытие чата поддержки. Основной вариант - lucide:message-circle, набор Lucide, автор Lucide Contributors, лицензия ISC.

Круглый пузырь (message-circle): Круглый хвостик сообщения. Мессенджер, чат поддержки, кнопка «написать».

Квадратный пузырь (message-square): Прямоугольный комментарий. Комментарии к посту или тикет в админке.

Два пузыря (messages-square): Два квадратных пузыря: диалог из нескольких реплик. Список переписок или раздел «сообщения».

Плавающая кнопка чата часто 24–32 px. В списке диалогов 20. Бейдж непрочитанных рисуйте текстом рядом, не в SVG.

Это пример разметки без виджета чата. Замените URL и путь к SVG. Если на ссылке только иконка, aria-label обязателен. Подключение реального чата - отдельно в проекте.

Лицензия ISC: https://github.com/lucide-icons/lucide/blob/main/LICENSE. Полный текст лицензии добавляется в metadata скачиваемого SVG.

Файлы SVG

Стандартные SVG с полным текстом лицензии ISC в metadata. Отдельных страниц под размер и цвет нет. PNG с выбранным размером и цветом готовится в браузере и требует JavaScript.

Полный текст лицензии ISC

Пример разметки

Доступная подпись: Открыть чат. Имя файла в примере совпадает с основным вариантом; при смене варианта замените путь на скачанный файл.

<a href="/support#chat" aria-label="Открыть чат">
  <img src="lucide-message-circle.svg" width="24" height="24" alt="">
</a>

Частые вопросы

Чем message-circle отличается от mail?

mail - письмо и ящик. message-circle - мгновенный чат или комментарий.

Нужны ли логотипы мессенджеров?

В этой странице только нейтральные Lucide. Брендовые знаки площадок сюда не входят.