Иконка облака для погоды и хранилища
Облако Lucide читается двояко: погода и облачный сервис. Варианты off и upload помогают развести сценарии подписью.
Как применить иконку «Облако»
Облако Lucide читается двояко: погода и облачный сервис. Варианты off и upload помогают развести сценарии подписью.
Сценарий страницы: Статус синхронизации с облаком. Основной вариант - lucide:cloud, набор Lucide, автор Lucide Contributors, лицензия ISC.
Облако (cloud): Нейтральная туча без стрелок и осадков. Погода «облачно» или общий знак облачного сервиса.
Облако недоступно (cloud-off): Туча перечёркнута: нет связи с облаком или ясно без облаков в UI-статусе. Офлайн синхронизации; для погоды уточняйте текст.
Загрузка в облако (cloud-upload): Стрелка вверх из облака: отправка файлов. Импорт в облачное хранилище.
В статусе синхронизации 20 px. В виджете погоды 24–32. Не обещайте «файлы в безопасности» одной иконкой облака.
Это пример разметки без обработчиков. Для загрузки смените src на lucide-cloud-upload.svg при необходимости. Подпись обязательна: одна туча без текста не говорит, погода это или хранилище.
Лицензия ISC: https://github.com/lucide-icons/lucide/blob/main/LICENSE. Полный текст лицензии добавляется в metadata скачиваемого SVG.
Файлы SVG
Стандартные SVG с полным текстом лицензии ISC в metadata. Отдельных страниц под размер и цвет нет. PNG с выбранным размером и цветом готовится в браузере и требует JavaScript.
Пример разметки
Доступная подпись: Облачное хранилище. Имя файла в примере совпадает с основным вариантом; при смене варианта замените путь на скачанный файл.
<button type="button" aria-label="Загрузить в облако"> <img src="lucide-cloud.svg" width="20" height="20" alt=""> В облако </button>
Это пример разметки без обработчиков. Для загрузки смените src на lucide-cloud-upload.svg при необходимости. Подпись обязательна: одна туча без текста не говорит, погода это или хранилище.
Частые вопросы
Как не перепутать погоду и хранилище?
Всегда пишите действие текстом: «Облачно, +12°» или «Сохранить в облако». Одна пиктограмма двусмысленна.
Чем cloud отличается от download?
download - сохранение на устройство. cloud-upload / cloud-download - обмен именно с облаком.
Соседние темы
- Иконка скачивания файла
- Иконка загрузки файла на сервер
- Иконка солнца для светлой темы
- Каталог SVG-иконок
- Перевести SVG в CSS