Pixmora

Иконка сканирования изображения

Углы рамки Lucide и горизонтальная линия: процесс сканирования кадра. Пустая рамка scan - зона захвата; scan-text - акцент на распознавании строк.

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

Сценарий страницы: Запуск сканирования документа с камеры. Основной вариант - lucide:scan-line, набор Lucide, автор Lucide Contributors, лицензия ISC.

Линия скана (scan-line): Углы рамки и горизонтальная линия посередине. Идёт сканирование кадра или документа.

Рамка (scan): Только углы без линии. Зона захвата до старта скана.

Скан текста (scan-text): Рамка и горизонтальные строки внутри. OCR, распознавание текста со снимка.

В панели документа 24 px. В мобильном видоискателе 28–32. Линию «скана» не анимирует файл: движение добавьте CSS при необходимости.

Это пример разметки без доступа к камере и OCR. Поток сканера подключите в проекте. Путь к SVG замените. Пиктограмма не создаёт PDF сама по себе.

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

Файлы SVG

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

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

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

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

<button type="button" aria-label="Сканировать документ">
  <img src="lucide-scan-line.svg" width="24" height="24" alt="">
  Сканировать
</button>

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

Чем scan-line отличается от qr-code?

qr-code - пиктограмма квадратного кода. scan-line - процесс сканирования произвольного кадра.

Есть ли barcode на странице?

Нет. Штрихкоды и бренды сканеров сюда не добавлялись.