Pixmora

Иконка скидки для процента акции

Знак процента Lucide: чистый %, бейдж и билет. Для плашки акции и входа в раздел скидок.

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

Знак процента Lucide: чистый %, бейдж и билет. Для плашки акции и входа в раздел скидок.

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

Процент (percent): Две точки и диагональ без рамки. Универсальный знак скидки или доли.

Бейдж скидки (badge-percent): Процент внутри зубчатого бейджа. Плашка «акция» на карточке.

Билет со скидкой (ticket-percent): Процент на билете с вырезами по краю. Промокод, купон, вход в sale.

На плашке акции 16–20 px. На баннере раздела sale 32–48. Не обещайте размер скидки одной иконкой без числа.

Это пример разметки без обработчиков. Размер скидки пишите текстом: SVG процент не подставляет. Замените путь к файлу.

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

Файлы SVG

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

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

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

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

<p>
  <img src="lucide-percent.svg" width="20" height="20" alt="">
  <span>Скидка 20%</span>
</p>

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

Чем percent отличается от tag?

percent явно про долю или скидку. tag - ярлык, который может быть и без процента.

Есть ли circle-percent?

Да, в Lucide. На странице три носителя акции: чистый знак, бейдж и билет.