Бесплатные иконки корзины покупок (SVG)

48 бесплатных иконок корзины покупок из наборов с открытым кодом. Нажмите на любую, чтобы изменить размер, цвет и толщину линии, и скопируйте её как SVG, JSX, data URI или CSS.

Обновлено

Использование иконок корзины

Иконка корзины или сумки открывает корзину в интернет-магазинах, часто с небольшим бейджем, показывающим количество товаров.

Все иконки здесь следуют currentColor, поэтому они наследуют цвет текста элемента, в котором находятся: один SVG работает на светлом и тёмном фоне, в ссылках и кнопках. Задайте явные width и height (или задайте размер в CSS через 1em), чтобы макет не смещался во время загрузки страницы.

Доступные иконки

Если иконка декоративная или стоит рядом с видимым текстом, добавьте aria-hidden="true". Если она является единственным содержимым кнопки или ссылки, задайте этому элементу aria-label с текстом вроде «Корзина покупок».

Лицензии

Эти иконки корзины взяты из наборов Lucide, Tabler, Heroicons, Phosphor, Material Symbols, Material Design Icons и Carbon. Это наборы с открытым кодом под лицензиями MIT, ISC или Apache 2.0, которые допускают личное и коммерческое использование. Нужно что-то другое? Ищите среди более 70 000 иконок в SVG Icon Finder.

Часто задаваемые вопросы

Можно ли использовать эти иконки корзины в коммерческих проектах бесплатно?
Да. Они взяты из наборов с открытым кодом под лицензиями MIT, ISC или Apache 2.0, которые разрешают коммерческое использование. Если вы распространяете сами файлы иконок, сохраняйте уведомление о лицензии.
Как изменить цвет иконки корзины?
В SVG используется currentColor, поэтому задайте CSS-свойство color для родительского элемента. Также можно открыть иконку в поиске и выбрать фиксированный цвет перед копированием.
Можно ли использовать эти иконки в Webflow или React?
Да. Откройте иконку и используйте «Copy to Webflow» (вставит Code Embed) или «Copy JSX» для компонента React.