Show HN: Emojicons

#1

Post by diatone » Sat, Apr 24, 2021, 4:27 AM UTC

Show HN: Emojicons
emojicons.netlify.app

Re: Show HN: Emojicons

#2

Post by diatone » Sat, Apr 24, 2021, 4:31 AM UTC

Hey HN,

If you're like me and was unaware you could have SVG emojis, here's a client-side tool to make a simple one. Just open your emoji picker, save the SVG, and use / modify as you please.

(I'm aware there are equivalents of this hanging around, this was just a day project. I'd recommend https://emojifav.com/ for this, but slicker. Only downside with that one is you have to unescape the data/svg it gives you if you want to edit it, e.g.: if you want to use media queries)

Re: Show HN: Emojicons

#3

Post by vincentmarle » Sat, Apr 24, 2021, 7:30 AM UTC

diatone wrote: post #2

Hey HN, If you're like me and was unaware you could have SVG emojis, here's a client-side tool to make a simple one. Just open your emoji picker, save the SVG, and use / modify as you please. (I'm aware there are equivalents of this hanging around, this was just a day project. I'd recommend https://emojifav.com/ for this, but slicker. Only downside with that one is you have to unescape the data/svg it gives you if yo…

This looks pretty good, straightforward and easy to use. Will probably use this for one of my projects.

Re: Show HN: Emojicons

#4

Post by diatone » Sat, Apr 24, 2021, 7:35 AM UTC

diatone wrote: post #2

Hey HN, If you're like me and was unaware you could have SVG emojis, here's a client-side tool to make a simple one. Just open your emoji picker, save the SVG, and use / modify as you please. (I'm aware there are equivalents of this hanging around, this was just a day project. I'd recommend https://emojifav.com/ for this, but slicker. Only downside with that one is you have to unescape the data/svg it gives you if yo…

Can't edit this comment, but, "SVG emojis" -> "emojis as SVG favicons"

Re: Show HN: Emojicons

#5

Post by mattowen_uk » Sat, Apr 24, 2021, 7:41 AM UTC

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?

Re: Show HN: Emojicons

#6

Post by saurik » Sat, Apr 24, 2021, 7:44 AM UTC

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?

Is that wrong?

Re: Show HN: Emojicons

#7

Post by [deleted] » Sat, Apr 24, 2021, 7:46 AM UTC

[deleted]

Re: Show HN: Emojicons

#8

Post by arkitaip » Sat, Apr 24, 2021, 8:03 AM UTC

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.

Re: Show HN: Emojicons

#9

Post by diatone » Sat, Apr 24, 2021, 8:04 AM UTC

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?

Having no experience in this area, I think it might have to do with text en/decoding - https://en.wikipedia.org/wiki/Mojibake

I'd recommend using another tool for this while I investigate, sorry.

Re: Show HN: Emojicons

#10

Post by mattowen_uk » Sat, Apr 24, 2021, 8:08 AM UTC

diatone wrote: post #9

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?

Having no experience in this area, I think it might have to do with text en/decoding - https://en.wikipedia.org/wiki/Mojibake I'd recommend using another tool for this while I investigate, sorry.

If it helps: Chrome Version 89.0.4389.114

On Windows.