Pixmora

Иконка пакета покупок для заказа

Три знака покупки Lucide с акцентом на сумке: пакет, ручная корзина и тележка. Для бутика и кнопки заказа без обязательной метафоры колёс.

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

Сценарий страницы: Кнопка «Мои покупки» в кабинете. Основной вариант - lucide:shopping-bag, набор Lucide, автор Lucide Contributors, лицензия ISC.

Сумка (shopping-bag): Пакет с ручками без колёс. Покупки, заказ, бутик.

Корзина (shopping-basket): Ручная корзина с ручкой: продуктовый сценарий. Быстрый набор товаров, продукты.

Тележка (shopping-cart): Корзина на колёсах для классического интернет-магазина. Шапка магазина и переход в корзину.

В кабинете 24 px. В мобильной нижней навигации 20–24. Если в шапке уже shopping-cart, не дублируйте тот же смысл второй иконкой без подписи.

Это пример разметки без обработчиков. Замените URL кабинета и путь к SVG. Счётчик заказов при необходимости выведите текстом рядом.

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

Файлы SVG

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

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

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

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

<a href="/account/orders">
  <img src="lucide-shopping-bag.svg" width="24" height="24" alt="">
  Мои покупки
</a>

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

Какую иконку поставить в шапку?

Если пользователи ждут «корзину на колёсах», берите shopping-cart. Для мягкого «покупки» достаточно shopping-bag.

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

shopping-bag - действие покупки. store - точка продаж.