Icons in the source code...that are not code. What is this?

HTML & CSS
1

Hi there! I was curious if anyone has seen this before and if so what/how they’re doing this.

There’s a website: https://www.ginlane.com/ that has little icons spread over their page.
If you look in the source code, there is no code, there’s only actual images of the icons?!

How is this happening?

Thanks!other-inline-icons what-is-this

2

It’s a multicharacter unicode emoji.
www.babelstone.co.uk/Unicode/whatisit.html
can translate what you’re seeing into the Unicode character(s) that construct the emoji. For example, for the hand pointing down that you see in your image, Babelstone identifies the two characters that construct that emoji as:
U+1F447 : WHITE DOWN POINTING BACKHAND INDEX
U+1F3FD : EMOJI MODIFIER FITZPATRICK TYPE-4

1 Like
3

Here’s your briefcasecase as an entity :briefcase: (&#128188).

Or you can copy it directly as an icon :briefcase:.

You can search for them here:

<p>http://www.amp-what.com/unicode/search/brief</p>
<p>&#128188;</p>
<p>💼</p>
2 Likes
4

And in case you haven’t made the connection:
Babelstone:
U+1F4BC : BRIEFCASE

&what:

<p>&#128188;</p>
<p>💼</p>

1F4BC in base 10 would be 128,188.

1 Like
5

Oh and don’t forget punycode!

Though due to homologue attacks, most browsers likely won’t show them by default, but for example this website’s domain name is pile-of-poo:
https://💩.la

(that’s xn–ls8h )

4 Likes
6

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.