Little icons in Javascript

JavaScript
1

Hi, can anyone tell me , where can I get the small icons like shown in the example below?

console.log({hello: “:earth_americas:”, goodbye: “:crescent_moon:”, nested: {inner: “:bird:”}, array: [37]})

2

There is a Github repo for Discourse (which is where the images come from) and that has all of those emoji images in a subfolder called “emoji”: https://github.com/discourse/discourse/tree/main/public/images/emoji.

3

Hello.

Do you use Windows 10 or 11?

Use combinate Keys: Win + .

Grets

4

Thank you Marcus, I found the emojis. They are .png files.
Now I wonder how I get them into my code as in the example.
Can you help me again, please?

5

You can use them as image elements. I haven’t found the documentation to call them from their CDN but if you inspect the elements on this page, you can tell how to use them in an HTML page.

For example, this :earth_americas: icon is this HTML element:

<img src="https://emoji.discourse-cdn.com/twitter/earth_americas.png?v=12" title=":earth_americas:" class="emoji" alt=":earth_americas:" loading="lazy" width="20" height="20" style="aspect-ratio: 20 / 20;">
6

Hi Carlos, thank you!!!
This was what I was looking for.
Best regards

7

Thank you Marcus for your quick reply!
I have now two ways to incorporate icons.