Skip to content

Icons

Link to the image. You can specify both external and internal links.

yaml
url: icons/example.svg

INFO

For an internal link, you need to add a folder to the docker container. More details are written in getting started.

Name

Icon name from iconify or emoji.

yaml
name: simple-icons:homeassistant

Wrap

Wraps the icon in a bubble, necessary if the icon has no background or indentation on the sides.

yaml
wrap: true

Color

Icon color. You can specify any value from css.

yaml
color: '#3dbcf3'

WARNING

If you use an image link, no color will be applied to the icon.

Background

Icon background. You can specify any value from css.

yaml
background: '#eee'

Examples

Emoji

yaml
services:
  - title: Home Assistant
    description: Home automation
    link: https://home-assistant.home.local/
    icon:
      name: 👋

Iconify

yaml
services:
  - title: Home Assistant
    description: Home automation
    link: https://home-assistant.home.local/
    icon:
      name: simple-icons:homeassistant

Local icons

yaml
services:
  - title: Home Assistant
    description: Home automation
    link: https://home-assistant.home.local/
    icon:
      url: icons/example.svg
yaml
services:
  - title: Home Assistant
    description: Home automation
    link: https://home-assistant.home.local/
    icon:
      url: https://mafl.hywax.space/logotype.svg