Pixmora

Иконка минуса для количества

Минус Lucide уменьшает число или сворачивает блок. Для удаления всей сущности безопаснее trash с подтверждением, а не один минус без контекста.

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

Сценарий страницы: Уменьшение количества. Основной вариант - lucide:minus, набор Lucide, автор Lucide Contributors, лицензия ISC.

Минус (minus): Одна горизонтальная черта. Степпер количества, свернуть, убрать одну единицу.

Минус в круге (circle-minus): Горизонталь в окружности. Круглые кнопки количества в мобильной карточке.

Минус в квадрате (square-minus): Горизонталь в скруглённом квадрате. Квадратный тулбар редактора или конструктора.

В степпере 14–16 px. В кнопке сворачивания секции 18–20. На нуле отключайте кнопку и сообщайте это доступным именем.

Это пример разметки без обработчиков. Счётчик и границы минимума обновите в коде. Пути к SVG замените. Число лучше держать текстом, не внутри иконки.

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

Файлы SVG

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

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

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

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

<div role="group" aria-label="Количество">
  <button type="button" aria-label="Уменьшить">
    <img src="lucide-minus.svg" width="16" height="16" alt="">
  </button>
  <span aria-live="polite">2</span>
  <button type="button" aria-label="Увеличить">
    <img src="lucide-plus.svg" width="16" height="16" alt="">
  </button>
</div>

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

Минус до нуля удаляет товар из корзины?

Так решают в продукте. Если удаляет, предупредите или сразу показывайте trash на нуле. Иконка минуса сама политику не задаёт.

minus или x для удаления строки фильтра?

Для снятия чипа чаще x. minus уместен, когда уменьшают величину, а не закрывают объект.