Иконки Home Assistant

Экосистема домашней автоматизации Home Assistant использует иконки Material Design.

Например, можно указать чтобы вместо названий табов были иконки. Вот пример как выглядит YAML с очень простой настройкой интерфейса:

title: Home
views:
  - title: Home
    path: default_view
    badges: []
    cards: null
  - title: System
    path: System
    badges: []
    cards: null

Этот YAML с настройками превращается в такой интерфейс в браузере:

Иногда удобно вместо названий табов использовать иконки. Установить иконку можно либо в интерфейсе редактирования, либо поправить YAML файл с настройкой интерфейса — вписать значение в раздел 'icon'.

title: Home
views:
  - title: Home
    path: default_view
    icon: 'mdi:home'
    badges: []
    cards: null
  - title: System
    path: System
    icon: 'mdi:cog'
    badges: []
    cards: null

После этого вместо текста из 'title' будут отображаться иконки:

В Home Assistant названия иконок записываются так: "mdi:cog". Сначала идет префикс "mdi" (Material Design Icons), потом двоеточие, а потом уже название иконки.

Вообще, иконок в Material Design — миллион. Есть официальный сайт https://materialdesignicons.com с помощью которого можно найти нужную иконку. Но этот сайт очень-очень медленный. Мне настолько не нравится как плохо работает этот сайт что я сделал свой собстенный сайт на котором удобно искать иконки для Home Assisttant — https://mdi.bessarabov.com. (подробности про этот проект есть вот на этой странице).

Обратите внимание что бывают разные способы как можно записывать название иконки. Можно встретить 'mdi-cog', 'cog', 'mdi:cog'. Для Home Assistant нужно использовать вариант с двоеточием: 'mdi:cog'.

На этой странице я собираю полезные иконки, которые работают в Home Assistant. Тут очень маленький список, но эти иконки часто бывают нужны. Полный список можно найти на сайте https://mdi.bessarabov.com.

mdi:home

Иконка дома

mdi:cog

Настройки, шестеренка.

mdi:bed-king-outline

Спальня

mdi:lightbulb

Лампочка

mdi:desk-lamp

Настольная лампа

mdi:white-balance-iridescent

Включенная светодиодная лента

mdi:coach-lamp

Уличный светильник

mdi:fan

Вентилятор

mdi:fan-off

Выключенный вентилятор

mdi:car

Иконка машины

mdi:shower

Ванная

mdi:cctv

Камера видеонаблюдения

mdi:temperature-celsius

Символ градуса цельсия

mdi:volume-high

Динамик

mdi:lan

Символ компьютерной сети

mdi:server-network

Иконка серверов или NAS

mdi:printer

Принтер

mdi:bell

Дверной Звонок

mdi:bell-off

Выключенный дверной звонок