How to change bullets to emojis?

[SarahMayo1]

Does anyone know how to change the bullets in an unordered list to emojis? I can't figure out how to do it without a style sheet. I'm trying to set the bullets as 🖥

<ul style="list-style-type: \1F5A5;"> just gets stripped out.

Thanks in advance for any help!

[karstenkoehler · Accepted solution]

Hi @SarahMayo1,

There's a tutorial on lists with emojis as bullets here: https://daily-dev-tips.com/posts/css-emoji-list-style/

Hope this helps!

[RDosage]

"Want to spice up your bullet points with emojis? Emojisvilla offers a simple guide on how to change bullets to emojis. Transform your lists and make them more visually appealing today!"

[Niharika · Accepted solution]

Hi @SarahMayo1 

Trust you are doing great.

I have checked your above requirement. Here is the HTML code that you have to use.

<ul style="list-style-type:'\1F5A5';">
<li>Bullet-1</li>
<li>Bullet-2</li>
</ul>

Hope that would be helpful for you.

Thanks

Niharika Goyal

[karstenkoehler · Accepted solution]

Hi @SarahMayo1,

There's a tutorial on lists with emojis as bullets here: https://daily-dev-tips.com/posts/css-emoji-list-style/

Hope this helps!