Pixmora

Иконка магазина для самовывоза

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

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

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

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

Магазин (store): Фасад с волнистой маркизой, витриной и дверью. Розничная точка, самовывоз, «наши магазины».

В выборе способа получения 24 px. В списке магазинов 20. Для метки на карте чаще map-pin, а store - для типа точки.

Это пример разметки без обработчиков. Адрес точки выдачи пишите текстом или ссылкой на карту. Замените путь к 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="pickup">
  <img src="lucide-store.svg" width="24" height="24" alt="">
  Забрать в магазине
</label>

Это пример разметки без обработчиков. Адрес точки выдачи пишите текстом или ссылкой на карту. Замените путь к SVG.

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

Чем store отличается от shopping-bag?

store - физическая точка. shopping-bag - покупки и заказ как действие.

Почему не map-pin?

map-pin показывает координату. store объясняет, что точка именно магазин.

Соседние темы

Другие инструменты