Pixmora

Иконка QR-кода как пиктограмма

Схематичный QR Lucide из квадратов-маркеров. Это знак действия «показать или отсканировать код», а не ваш персональный payload и не генератор.

Как применить иконку «QR-пиктограмма»

Сценарий страницы: Кнопка показать QR для входа в приложение. Основной вариант - lucide:qr-code, набор Lucide, автор Lucide Contributors, лицензия ISC.

QR-пиктограмма (qr-code): Три угловых маркера и сетка квадратов-заглушка. Обозначить действие со сканером QR, не сам payload.

В кнопке действия 20–24 px. Для настоящего сканируемого кода отдавайте отдельный крупный растр или SVG с вашими данными, не этот глиф.

Это пример разметки без генерации QR. Подставьте свой реальный код отдельным изображением или библиотекой. Файл lucide-qr-code.svg - декоративная пиктограмма: его нельзя сканировать как ваш URL или билет. Путь замените.

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

Файлы SVG

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

Скачать SVG QR-пиктограмма (lucide-qr-code.svg)

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

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

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

<button type="button" aria-label="Показать QR-код">
  <img src="lucide-qr-code.svg" width="24" height="24" alt="">
</button>

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

Можно ли сканировать этот SVG как мой сайт?

Нет. Это нейтральная пиктограмма Lucide без вашей ссылки. Для входа сгенерируйте отдельный код с данными.

Почему нет barcode?

Штрихкоды и бренды сканеров на страницу не входят. Только нейтральный QR-знак.