Pixmora

Иконка плюса для добавления

Плюс Lucide создаёт новый элемент. Минус уменьшает количество, карандаш правит существующее: не подменяйте создание правкой.

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

Сценарий страницы: Добавление элемента. Основной вариант - lucide:plus, набор Lucide, автор Lucide Contributors, лицензия ISC.

Плюс (plus): Горизонталь и вертикаль без рамки. Добавить запись, товар в набор, новый блок.

Плюс в круге (circle-plus): Тот же плюс внутри окружности. Крупная круглая кнопка создания на мобильном.

Плюс в квадрате (square-plus): Плюс в скруглённом квадрате. Тулбар, где соседние действия тоже квадратные.

В первичной кнопке 18–20 px. Плавающая FAB часто 24 в круге 56. В степпере количества 16 рядом с минусом.

Это пример разметки без обработчиков. Открытие формы создания сделайте в коде. Путь к SVG замените. Текст «Добавить позицию» уже называет действие; img декоративный.

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

Файлы SVG

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

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

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

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

<button type="button">
  <img src="lucide-plus.svg" width="20" height="20" alt="">
  Добавить позицию
</button>

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

plus или user-plus?

plus универсален. user-plus только когда добавляют человека или участника.

Можно ли одним плюсом и открывать меню действий?

Да, если подпись «Добавить» или aria-label это отражает. Пункты меню опишите отдельно.