Lovelace Markdown Card with icon on text line

Tomahawk · January 25, 2019, 11:21am

To add an image to a text line the tags "![Image] (http://url/a.png)" can be used.

Is it possible to use a url to the HA-icons?

JesseWebDotCom · January 27, 2019, 1:34am

I’m not clear on what you mean but this is how I’m displaying images through the markdown card:

      - type: markdown
        content: >
          ## [![Home](/local/images/menu/double-left_16.png)](/lovelace/home?kiosk&show_tabs)&emsp;LIVING ROOM

Tomahawk · January 27, 2019, 10:26am

It works for local image files like this:
![Image](/local/IoTDevices/PSM-29ZBSR.png)

What I am trying to do, is to use MaterialDesign icons used in HA.
![Image](mdi:smoke-detector)
This does not work. Is there a work around?

jimz011 · May 11, 2019, 4:16am

I would like to know this as well.

frogbot · February 29, 2020, 10:06pm

I was looking for the same thing and found this:

content: |
  <ha-icon icon="mdi:home-assistant"></ha-icon>
type: markdown

vorion · November 26, 2020, 3:10pm

Thanks, @frogbot!
I’ve added it to the documentation: https://www.home-assistant.io/lovelace/markdown/#icons