Pixmora

Иконка сохранения изменений

Дискета Lucide по-прежнему читается как «сохранить». save-all - несколько документов; save-check - успешная запись.

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

Дискета Lucide по-прежнему читается как «сохранить». save-all - несколько документов; save-check - успешная запись.

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

Дискета (save): Классическая дискета с ярлыком. Сохранить документ, черновик, настройки.

Сохранить все (save-all): Стопка с дискетой: несколько сущностей. Сохранить все открытые вкладки или файлы.

Сохранено (save-check): Дискета с галочкой: запись подтверждена. Статус успешного сохранения.

В панели редактора 16–20 px. В мобильном аппбаре 24. После успеха можно сменить на save-check или показать текст «Сохранено».

Это пример разметки без обработчиков. Запрос на сервер и toast успеха подключите в своём коде. Путь к SVG замените. Кнопка сама диск не пишет.

Лицензия 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-save.svg" width="20" height="20" alt="">
  Сохранить
</button>

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

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

save фиксирует состояние в системе. download отдаёт копию пользователю.

Устарела ли метафора дискеты?

В интерфейсах она всё ещё узнаваема как «сохранить». Если аудитория не поймёт, продублируйте текст на кнопке.