Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Show HN: Emojicons

emojicons.netlify.app

Post reply on HN
Print view View original

21–30 of 38 posts

Re: Show HN: Emojicons

#22

Post by mattowen_uk »

EmilStenstrom wrote: post #19
mattowen_uk wrote: post #5

Ok, so I tried it as this would be a useful tool for me. When clicking download all get as plain text in my browser is this: 🐱‍👤 Am I missing something?

That's a cat ninja emoji: https://ftfy.vercel.app/?s=%C3%B0%C5%B8%C2%90%C2%B1%C3%A2%E2...

It is :) It's the emoji version of my cat, Starbuck.

Re: Show HN: Emojicons

#23

Post by __tom__ »

cercatrova wrote: post #12

For those wondering why you'd use this when you could just use an emoji, emoji look different based on the device or browser manufacturers. If your design requires a consistent look then this can be used to create an SVG that looks the same regardless of device or browser.

For that, simply use https://twemoji.twitter.com/ or a similar service that lets you download SVG emojis. Then you implement it as a regular favicon.

Re: Show HN: Emojicons

#25

Post by shadowfaxRodeo »

Great tool.

I've been doing some tests with Emoji / SVG favicons.

There's a couple of problems. They don't show up on some old browsers and in google search results.

For old browsers there's a solution, which is to have a raster .ico version of the icon at the root of the domain: e.g. example.com/favicon.ico

But for the google issue, I'm not sure if that's the solution. Whatever google is using to render svg icons in their search results just doesn't like emojis. I haven't tested that yet.

also as others have pointed out there's this bit of code that can save you an http request:

http://www.w3.org/2000/svg' viewBox='0 0 99 99'>EMOJI">

Re: Show HN: Emojicons

#26

Post by gardaani »

chrismorgan wrote: post #20
arkitaip wrote: post #8

Neat. Makes me wonder why we can't do complex favicon design using html/css. Imagine being able to enter text and style it using layouts, fonts, colors, etc.

You can. You’ve got all of SVG except for scripting (which is disabled when SVG is loaded as an image, which happens if you use or favicons or such things), which should handle all of your complex favicon desires. If you really want HTML, well, SVG has the tag which you can use to embed HTML (in the XML serialisation, so for once you will need to write instead of ). But pure SVG is likely to be a better idea. Sample…

Ouch. We have come to the point where rendering a favicon requires a full web browser rendering engine.

Re: Show HN: Emojicons

#28

Post by spicybright »

shadowfaxRodeo wrote: post #25

Great tool. I've been doing some tests with Emoji / SVG favicons. There's a couple of problems. They don't show up on some old browsers and in google search results. For old browsers there's a solution, which is to have a raster .ico version of the icon at the root of the domain: e.g. example.com/favicon.ico But for the google issue, I'm not sure if that's the solution. Whatever google is using to render svg icons in…

Surely this seems too hacky to be of real use?

Re: Show HN: Emojicons

#29

Post by spicybright »

gardaani wrote: post #26
chrismorgan wrote: post #20

Earlier quoted context omitted.

You can. You’ve got all of SVG except for scripting (which is disabled when SVG is loaded as an image, which happens if you use or favicons or such things), which should handle all of your complex favicon desires. If you really want HTML, well, SVG has the tag which you can use to embed HTML (in the XML serialisation, so for once you will need to write instead of ). But pure SVG is likely to be a better idea. Sample…

Ouch. We have come to the point where rendering a favicon requires a full web browser rendering engine.

I can't help but think this is a huge step backwards.

Re: Show HN: Emojicons

#30

Post by Fileformat »

I also like to use emoji for favicons and made a couple of sites to help with it:

https://emoji-favicon.fileformat.info/ - pre-converted ICOs of the Google and Twitter emoji. I especially like the flag ones.

https://favicon.fileformat.info/ - converts SVG to ICO

Sources for both are available (links in the footer of each).

For my personal sites, I serve both favicon.ico and favicon.svg files in the root directory, though AFAIK I'm the only one that uses the favicon.svg file.

Post reply on HN