\
**Category:** programming\
**Created:** [February 8, 2018, 3:42am UTC](https://forum.kirupa.com/t/using-emojis-in-html-css-and-javascript/637830 "2018-02-08T03:42:38Z")\
**Posts on this page:** 14\
**Page:** 1
**Author:**  [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [February 8, 2018, 3:42am UTC](https://forum.kirupa.com/t/using-emojis-in-html-css-and-javascript/637830/1 "2018-02-08T03:42:38Z")
by [kirupa](http://www.kirupa.com/www.kirupa.com/me/index.htm) | 7 February 2018
From its humble beginnings in 1999, Emojis are all the rage these days. It's no longer something that only people half our age use to communicate. You and I use them all the time, and almost every chat or messaging-related app under the sun provides great support for it:
* * *
This is a companion discussion topic for the original entry at [http://www.kirupa.com/html5/emoji.htm](http://www.kirupa.com/html5/emoji.htm)
---
**Author:**  [@prg9](https://forum.kirupa.com/u/prg9)\
**Post date:** [February 20, 2018, 7:03pm UTC](https://forum.kirupa.com/t/using-emojis-in-html-css-and-javascript/637830/2 "2018-02-20T19:03:50Z")
`¯\_(ツ)_/¯`
---
**Author:**  [@prg9](https://forum.kirupa.com/u/prg9)\
**Post date:** [February 20, 2018, 7:07pm UTC](https://forum.kirupa.com/t/using-emojis-in-html-css-and-javascript/637830/3 "2018-02-20T19:07:19Z")
`（ ^_^）o自自o（^_^ ）`
---
**Author:**  [@prg9](https://forum.kirupa.com/u/prg9)\
**Post date:** [February 20, 2018, 7:07pm UTC](https://forum.kirupa.com/t/using-emojis-in-html-css-and-javascript/637830/4 "2018-02-20T19:07:53Z")
Fun Article K-man.
---
**Author:**  [@e\_v](https://forum.kirupa.com/u/e_v)\
**Post date:** [February 22, 2018, 3:36pm UTC](https://forum.kirupa.com/t/using-emojis-in-html-css-and-javascript/637830/5 "2018-02-22T15:36:01Z")
Thank you. Very cool. 🧙
---
**Author:**  [@Thomas\_Stokes](https://forum.kirupa.com/u/Thomas_Stokes)\
**Post date:** [January 31, 2019, 9:51pm UTC](https://forum.kirupa.com/t/using-emojis-in-html-css-and-javascript/637830/6 "2019-01-31T21:51:21Z")
😂
---
**Author:**  [@Horacio\_Ramirez](https://forum.kirupa.com/u/Horacio_Ramirez)\
**Post date:** [April 24, 2019, 5:50pm UTC](https://forum.kirupa.com/t/using-emojis-in-html-css-and-javascript/637830/8 "2019-04-24T17:50:06Z")
`¯\_(ツ)_/¯`
---
**Author:**  [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [August 6, 2019, 6:59am UTC](https://forum.kirupa.com/t/using-emojis-in-html-css-and-javascript/637830/9 "2019-08-06T06:59:37Z")
I was looking through some Google Search Console data, and this article is the most popular one that people land on from searching for emoji-related developer questions 🥤
It’s funny how the easiest to write articles get the most traction sometimes 😛
---
**Author:**  [@osxisl](https://forum.kirupa.com/u/osxisl)\
**Post date:** [April 20, 2020, 3:15pm UTC](https://forum.kirupa.com/t/using-emojis-in-html-css-and-javascript/637830/11 "2020-04-20T15:15:38Z")
To copy emoji codes more easily, you can use [https://emojigraph.org/](https://emojigraph.org/) - there are HTML hex, CSS, JS, Perl, and other versions in a table at the bottom of each emoji. For 🐈 Cat emoji for example:
| URL escape code | %F0%9F%90%88 |
| --- | --- |
| Punycode | xn–zn8h |
| Bytes (UTF-8) | F0 9F 90 88 |
| JavaScript, JSON, Java | \uD83D\uDC08 |
| C, C++, Python | \U0001f408 |
| CSS | \01F408 |
| PHP, Ruby | \u{1F408} |
| Perl | \x{1F408} |
---
**Author:**  [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [April 20, 2020, 8:07pm UTC](https://forum.kirupa.com/t/using-emojis-in-html-css-and-javascript/637830/12 "2020-04-20T20:07:08Z")
Thanks for sharing that! I didn’t know about this resource, and I always end up fiddling around for a bit with the OS emoji picker or going to emojipedia to do a copy/paste 😀
---
**Author:**  [@Page\_one](https://forum.kirupa.com/u/Page_one)\
**Post date:** [April 28, 2020, 3:28pm UTC](https://forum.kirupa.com/t/using-emojis-in-html-css-and-javascript/637830/13 "2020-04-28T15:28:37Z")
Thank you it’s cool
---
**Author:**  [@Bruce\_Oxenford](https://forum.kirupa.com/u/Bruce_Oxenford)\
**Post date:** [May 8, 2020, 11:51am UTC](https://forum.kirupa.com/t/using-emojis-in-html-css-and-javascript/637830/14 "2020-05-08T11:51:24Z")
It’s cool mate.
---
**Author:**  [@Shubham\_Dobriyal](https://forum.kirupa.com/u/Shubham_Dobriyal)\
**Post date:** [October 3, 2020, 8:34am UTC](https://forum.kirupa.com/t/using-emojis-in-html-css-and-javascript/637830/15 "2020-10-03T08:34:46Z")
How to make emojis appear in microsoft style only like with black borders
---
**Author:**  [@kirupa](https://forum.kirupa.com/u/kirupa)\
**Post date:** [October 3, 2020, 8:26pm UTC](https://forum.kirupa.com/t/using-emojis-in-html-css-and-javascript/637830/16 "2020-10-03T20:26:36Z")
The emojis are always system specific. Those emojis will only appear on a Microsoft OS that has that style of emojis built-in to it. If you really need those style of visuals, you need to use actual images instead. I don’t know if Microsoft provides those emojis for use standalone.