devpack
EnglishEspañolPortuguêsBahasa IndonesiaFrançaisРусскийDeutschTiếng Việt

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

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

Обновлено

trash
Lucidetrash
Tablertrash
Heroiconstrash
Phosphortrash
Bootstrap Iconstrash
Iconoirrestore-from-trash
Material Symbolstrash
Material Design Iconstrash-can
Carbontrash-off
Lucidetrash-filled
Tablertrash-16-solid
Heroiconstrash-bold
Phosphortrash-fill
Bootstrap Iconstrash-solid
Iconoirrestore-from-trash-outline
Material Symbolstrash-outline
Material Design Iconstrash-x
Tablertrash-20-solid
Heroiconstrash-duotone
Phosphortrash2
Bootstrap Iconsrestore-from-trash-outline-rounded
Material Symbolstrash-can
Material Design Iconstrash-x-filled
Tablertrash-solid
Heroiconstrash-fill
Phosphortrash2-fill
Bootstrap Iconsrestore-from-trash-outline-sharp
Material Symbolstrash-can-outline
Material Design Iconstrash-off
Tablertrash-light
Phosphortrash3
Bootstrap Iconsrestore-from-trash-rounded
Material Symbolstrash-variant
Material Design Iconstrash-thin
Phosphortrash3-fill
Bootstrap Iconsrestore-from-trash-sharp
Material Symbolstrash-can-empty
Material Design Iconstrash-simple
Phosphortrash-can-circle
Material Design Iconstrash-simple-bold
Phosphortrash-can-circle-outline
Material Design Iconstrash-simple-duotone
Phosphorrestore-from-trash
Material Design Iconstrash-simple-fill
Phosphortrash-simple-light
Phosphortrash-simple-thin
Phosphor

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

Иконка корзины обозначает удаление элементов. Размещайте её на кнопке с понятной подписью и подтверждайте опасные действия.

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

Доступность иконок

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

Лицензии

Эти иконки корзины взяты из Lucide, Tabler, Heroicons, Phosphor, Bootstrap Icons, Iconoir, 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?
Да. Откройте иконку и используйте «Копировать для Webflow» (вставит Code Embed) или «Copy JSX» для React-компонента.