Pixmora

Иконка отправки для формы

Самолёт Lucide для действия «отправить»: диагональный send и горизонтальный send-horizontal. Не путать с конвертом почты.

Как применить иконку «Самолёт по диагонали»

Самолёт Lucide для действия «отправить»: диагональный send и горизонтальный send-horizontal. Не путать с конвертом почты.

Сценарий страницы: Кнопка отправки сообщения в форме. Основной вариант - lucide:send, набор Lucide, автор Lucide Contributors, лицензия ISC.

Самолёт по диагонали (send): Треугольник-самолётик направлен вверх-вправо. Отправка формы, сообщения, комментария.

Горизонтальная отправка (send-horizontal): Самолёт смотрит вправо по горизонтали. Композер чата в широкой строке ввода.

В кнопке формы 16–20 px. В композере чата 20–24. Не используйте send для «скачать» или «сохранить файл».

Это пример разметки без клиентского JS. action и поле замените на свои; путь к SVG тоже. Текст «Отправить» на кнопке нужен, даже если есть иконка.

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

Файлы SVG

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

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

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

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

<form action="/support/message" method="post">
  <label for="msg">Сообщение</label>
  <textarea id="msg" name="message"></textarea>
  <button type="submit">
    <img src="lucide-send.svg" width="20" height="20" alt="">
    Отправить
  </button>
</form>

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

Почему не mail?

mail обозначает адрес или ящик. Для кнопки «Отправить» действие яснее через send.

Можно ли type=button вместо submit?

Да, если отправку делаете скриптом. Тогда в коде сами вызовите отправку; в примере выше логичнее submit у формы.