Pixmora

Иконка облака для погоды и хранилища

Облако 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.

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

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

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

<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 - обмен именно с облаком.

Соседние темы

Другие инструменты