Pixmora

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

Чек Lucide с рваным краем: знак суммы, текстовые строки и вариант с рублём. Для кабинета заказов и фискального документа в UI.

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

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

Чек (receipt): Рваный край и символ суммы на ленте. Документ оплаты, история покупки.

Чек со строками (receipt-text): Горизонтальные строки позиций без символа валюты. Детализация позиций чека.

Чек в рублях (receipt-russian-ruble): На ленте знак рубля. Интерфейс с суммами в ₽.

В строке заказа 20 px. На экране «чек отправлен» 32. Не вшивайте сумму покупки в SVG: сумму пишите текстом.

Это пример разметки без обработчиков. TEST - демонстрационный номер заказа. Замените URL и путь к SVG. Иконка не является фискальным документом.

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

Файлы SVG

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

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

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

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

<a href="/orders/TEST/receipt">
  <img src="lucide-receipt.svg" width="20" height="20" alt="">
  Открыть чек
</a>

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

Чем receipt отличается от file?

receipt узнаётся по рваному краю кассовой ленты. file - общий документ.

Есть ли чеки других валют?

В Lucide есть отдельные receipt-* по валютам. Здесь рубль как практичный вариант для RU-интерфейса.