Pixmora

Иконка корзины для удаления

Адрес страницы /icons/trash-2, основной файл Lucide - trash: урна с крышкой. Это удаление данных, не корзина покупок shopping-cart.

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

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

Урна (trash): Корзина с крышкой и вертикалями внутри. Удалить файл, строку, сообщение, черновик.

Удаление недоступно (trash-off): Урна перечёркнута: действие запрещено или очистка отключена. Состояние «нельзя удалить» для защищённой записи.

В строке списка 16–18 px. В модалке подтверждения рядом с текстом 20. Не делайте урну единственным объяснением: нужна подпись «Удалить».

Это пример разметки без обработчиков. Диалог подтверждения и запрос удаления подключите в проекте. В разметке файл lucide-trash.svg: в наборе нет отдельного trash-2. Путь замените. Не путайте с shopping-cart.

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

Файлы SVG

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

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

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

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

<button type="button" aria-label="Удалить запись" class="danger">
  <img src="lucide-trash.svg" width="18" height="18" alt="">
</button>

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

Почему не shopping-cart?

shopping-cart - покупки. trash - удаление. Одна «корзина» в речи, разные знаки в интерфейсе.

Есть ли lucide-trash-2.svg в этом каталоге?

Отдельного имени trash-2 в локальном наборе Lucide нет. Тема /icons/trash-2 отдаёт asset trash. В HTML указывайте lucide-trash.svg.