Adding HTML entities using CSS content

Question

How do you use the CSS content property to add HTML entities?

Using something like this just prints  

Answer 1

Here are two ways:

• In HTML:

  ⛱

This will result into ⛱

• In Css:

  .ics::before {content: "\9969;"}

with HTML code

This also results in ⛱