Emojis & Icons

Topics

emojis
icons

Icons:

For adding icons like:

they are not images they are Icon.

so, for adding those, you should do as following:

open an HTML snippet
find an icon from fontawesome (VPN for us (â•¯â€¯à²¥â€¯ï¸¹â€¯à²¥â€¯)â•¯â”»â”â”» )
past the i tag there
style it

for example, we found the basketball icon from Fontawseme and it's  . (make sure you use fad not fas or far or fal )

the HEX value of orange is #e17e14 (you could use the RGB value too rgb(252, 126, 20) or even you can use orange )

and the HEX value of black is #000.

then you should add style to the icon

inside the style="" we should specify 3 things:

--fa-primary-color that is black or #000
--fa-secondary-color that is orange or #e17e14
--fa-secondary-opacity better be 1.0

the result will be

that's a little bit tiny! so, for bigger icons, you can add fa-2x or fa-3x â€¦ to the class (not style) section

Emojis:

You can add regular emojis like ðŸ˜‚ ðŸ˜ ðŸ˜¶ ðŸ’© (in windows use WIN+'.')

or emojis like ( Í¡â›â€¯ÍœÊ– Í¡â›) or ( Í¡Â° ÍœÊ– Í¡Â°( Í¡â›â€¯ÍœÊ– Í¡â›) Í¡Â° ÍœÊ– Í¡Â°) or even ( Í¡Â°( Í¡Â° ÍœÊ– Í¡Â°( Í¡â›â€¯ÍœÊ– Í¡â›) Í¡Â° ÍœÊ– Í¡Â°) Í¡Â°) (you can find more on fsymbols.com)

or these

So, for adding these emojis you should simply, copy the text in front of the emoji you want and go to the editor, and open an HTML snippet

Then if you paste it there and publish your post the emoji will appear on the NEXT line !!

Let's see how can we add it to the CURRENT line:

for example, we want to add a smiley emoji at the end of the line â€œHi this is a smiley emojiâ€ :

open an HTML snippet
open and close a p tag like this:
write the line inside the p tag
then copy and paste the text in front of the emoji after the line (see below)

Hi this is a smiley emoji 

And the result will be:

Hi this is a smiley emoji

For bigger emojis, you should add another class to the i tag. for example if you add fa-2x

Hi this is a smiley emoji 2X 

The the result will be:

Hi this is a smiley emoji 2X

You can find some emojies on fontawesome.com
and also don't forget to add style="color:var(--note);" for first three in the i tag for color!
and the class emoji for the last one.

List of some emojis:



















































































































































































