Emoji "hack" for Lovelace

I accidentally found a nice hack to show Emojis instead of names in Lovelace cards

How it works:

Go to settings for Lovelace cards …then behind the “name” u just put in an emoji with fir example Android phone

Watch here

The emoji will automatically be converted into the right “code” to show it .

Enjoy

3 Likes

Love this hack! I am going to try it as well!!! Thanks for sharing!

since the newest update 2022.7.5 much of the emojis doesnt work anymore and are broken.

gives a page with working emojis?

BTW, you may use emoji from Emojipedia.
Select an emoji an then press a “copy” button:
изображение
then paste it into a code.
Works with a HA Editor, Visual Studio Code, even Windows Notepad.

type: entities
entities:
  - entity: sun.sun
    name: 😄
  - entity: sun.sun
    name: 🐶

изображение

Specifying an emoji by a code like “\u123456” does not work.
But if you know a code - you may find a picture by this code on that Emojipedia site.
Input a code into a “search” field:


It will give you a needed page (here - “robot” emoji), then you may copy/paste it.

@htpc2308 I suggest you to create an issue about “Emoji stopped working - cannot specify it by a code”

Specifying an emoji by a code like “\u123456” does not work

correct but this works until the newest release.

yeah i will have a look, but my experience is that i doesnt get answers on problem or bug reports.i dont think i create a thread.

But thanks

Great, better to ask for answers and do not do anything by yourself to solve the issue.

I kept creating bug reports and error reports and never got an answer. Just ignore the same thing.
I’m happy to help, but I need an answer or an interest in something.

but yes I create a thread, or on github ?

Yes, create an issue here.
Post the issue link here, I will add my remarks in comments.

issue is created Emojis doesnt work anymore since 2022.7.5 · Issue #13361 · home-assistant/frontend (github.com)