Pixmora

Иконка файла для документа

Лист Lucide с загнутым углом: нейтральный документ. file-text добавляет строки, file-check - подтверждённый файл.

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

Лист Lucide с загнутым углом: нейтральный документ. file-text добавляет строки, file-check - подтверждённый файл.

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

Чистый лист (file): Документ без строк и статуса. Любой файл, когда формат не важен.

Лист с текстом (file-text): Горизонтальные строки на листе. Текстовый документ, заметка, инструкция.

Файл принят (file-check): Лист с галочкой: проверка пройдена. Успешная загрузка или проверенный документ.

В списке вложений 16–20 px. В пустом состоянии хранилища 32–48. Отдельные «pdf/docx» брендовые знаки сюда не входят.

Это пример разметки без обработчиков. Замените URL, имя файла и путь к SVG. Тип и размер держите текстом рядом: SVG не содержит метаданных вашего файла.

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

Файлы SVG

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

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

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

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

<a href="/files/brief.pdf">
  <img src="lucide-file.svg" width="20" height="20" alt="">
  BRIEF.pdf, 240 КБ
</a>

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

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

file - один документ. folder - контейнер для группы файлов.

Нужна ли отдельная иконка PDF?

В этой странице нейтральный лист. Формат укажите в тексте ссылки или берите узкий глиф из каталога, если он есть.