11–20 of 38 posts
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?
Maybe the server doesn't set the content-type correctly?
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 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.
If you want a consistent look across devices and browsers, you need an actual SVG graphic, not an SVG that renders a glyph from your default emoji font.
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.
As far as I can see, that's not what this does. The SVG this creates simply includes the emoji codepoint as a text element with a large font size. So what the user sees will still be entirely dependent on their local font. If you want a consistent look across devices and browsers, you need an actual SVG graphic, not an SVG that renders a glyph from your default emoji font.
EMOJI GOES HERE">
new Blob([svgText], {type: 'text/svg'});
new File([svgText], 'favicon.svg', {type: 'image/svg+xml; charset=utf-8'})
In the end I’d actually go with a data: URI rather than a blob. works fine. And then it raises the question of just inlining the whole icon instead of keeping favicon.svg separate, as demonstrated by mfontani.
Or you could do something like: EMOJI GOES HERE "> replace "EMOJI GOES HERE" with the emoji, as HN doesn't support them.
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?
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.
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 markup to drop in an HTML file to get an HTML-powered “Hello, world!” favicon:
Hello,
world!'>