Pixmora

Иконка доставки для заказа

Грузовик Lucide для доставки: обычный и с молнией электротяги. Для трека отправления и выбора способа получения.

Как применить иконку «Грузовик»

Сценарий страницы: Способ получения «Доставка курьером». Основной вариант - lucide:truck, набор Lucide, автор Lucide Contributors, лицензия ISC.

Грузовик (truck): Кабина и кузов на двух осях без молнии. Курьерская доставка, трек отправления.

Электрогрузовик (truck-electric): Грузовик с молнией: электрическая доставка. Отдельный тариф экологичной или электродоставки.

В выборе способа доставки 24 px. В строке статуса заказа 20. Не подменяйте логотипы служб доставки этим нейтральным грузовиком.

Это пример разметки без обработчиков. Замените name/value и путь к SVG. Стоимость и срок пишите текстом рядом: иконка их не сообщает.

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

Файлы SVG

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

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

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

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

<label>
  <input type="radio" name="shipping" value="courier" checked>
  <img src="lucide-truck.svg" width="24" height="24" alt="">
  Доставка курьером
</label>

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

Чем truck отличается от package?

truck - перевозка. package - сама посылка. В треке заказа их часто показывают на разных шагах.

Можно ли добавить логотип службы?

На этой странице только нейтральный Lucide. Брендовые знаки служб сюда не входят.