Pixmora

Иконка скрепки для вложения

Скрепка Lucide - устойчивый знак вложения. В наборе один глиф paperclip: отдельных «файлов со скрепкой» на странице нет.

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

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

Скрепка (paperclip): Изогнутая канцелярская скрепка. Вложение к письму, чату, задаче, форме.

В композере письма 16–20 px. В карточке тикета 24. Счётчик вложений - отдельным числом рядом.

Это пример разметки без JS. Открытие file input и список выбранных имён сделайте в проекте. Путь к SVG замените. Скрепка не показывает тип файла: тип пишите текстом после выбора.

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

Файлы SVG

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

Скачать SVG Скрепка (lucide-paperclip.svg)

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

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

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

<button type="button" aria-label="Прикрепить файл">
  <img src="lucide-paperclip.svg" width="20" height="20" alt="">
</button>
<input id="attach" type="file" name="attachment" hidden>

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

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

file показывает сам документ. paperclip - действие или признак «есть вложение».

Нужны ли barcode или бренд облака?

Нет. На странице только нейтральная скрепка Lucide без брендов и штрихкодов.