Pixmora

Иконка закладки для сохранения

Закладка Lucide в форме ленты: сохранить материал, подтвердить сохранение или явно добавить в список.

Как применить иконку «Закладка»

Закладка Lucide в форме ленты: сохранить материал, подтвердить сохранение или явно добавить в список.

Сценарий страницы: Сохранить статью в список для чтения. Основной вариант - lucide:bookmark, набор Lucide, автор Lucide Contributors, лицензия ISC.

Закладка (bookmark): Лента с вырезом снизу без статуса. Сохранить страницу, курс, товар в список.

Уже сохранено (bookmark-check): Закладка с галочкой: материал в списке. Состояние «в закладках» после сохранения.

Добавить (bookmark-plus): Закладка с плюсом: явное добавление. Первое сохранение в коллекцию.

В карточке статьи 20–24 px. В панели ридера 16–20. Для «уже сохранено» удобен bookmark-check.

Это пример разметки без обработчиков. Обновляйте aria-pressed и подпись в своём коде. Путь к SVG замените. Кнопка не создаёт облачную закладку сама по себе.

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

Файлы SVG

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

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

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

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

<button type="button" aria-pressed="false" aria-label="Сохранить в закладки">
  <img src="lucide-bookmark.svg" width="24" height="24" alt="">
</button>

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

Чем bookmark отличается от save?

save - сохранить файл или правки документа. bookmark - отметить материал, чтобы вернуться позже.

Подойдёт ли вместо сердца?

Да, если акцент на «прочитать позже», а не на эмоции «нравится».