@dominickng @kennethrohde @Not_Woods @AaronGustafson In all seriousness, this (fav)icon fever needs to stop. Let’s have the browser do the grudge work. We invented vector graphics for a reason…
@Not_Woods @AaronGustafson @kennethrohde @dominickng @snorp @agi_novanta inkscape -z -e icon.png -w 192 -h 192 icon.svg 😂
preetster I made a thing!
📢 Legra (LEgo brick GRaphics) - draw using LEGO® like brick shapes on an HTML <canvas> element.
🎨 Supports all basic graphics primitives
🌄 Draw images as lego bricks
📦 Nice little 3.4KB javascript package
legrajs.com
@Hicksdesign Support is actually pretty solid: caniuse.com/#feat=link-ico….
@AaronGustafson @kennethrohde I’ll try to come up with a holistic proposal these days hopefully. If done consequently, there’s indeed more than just the icons we might want to make theme-aware, or—maybe more general—`media`-aware.
tomayac 🎉 Chrome now accepts SVG favicons (crbug.com/294179#c73), which means you can style your icon with inline `prefers-color-scheme` and you’ll get two icons for the price of one!
Demo: 🌒 dark-mode-favicon.glitch.me ☀️
(Test it with the last Chromium build: download-chromium.appspot.com) pic.twitter.com/9UJuhOMwbK
@digitarald Looks pretty solid to me: caniuse.com/#feat=link-ico…. I’ll add the info to web.dev/prefers-color-….
@jaffathecake @mathias Also just linked to it in blog.tomayac.com/2019/09/21/pre…, since I have stolen your SVG almost literally… :-) Thanks for running these experiments already in 2016.
@jaffathecake @mathias You were, as always, ahead of everyone else! #Impact
Full credits to @mathias (via bugs.chromium.org/p/chromium/iss…), who independently has created almost the same demo as me (numerous-sulfur.glitch.me) that I didn’t check, but whose link to @jaffathecake’s post jakearchibald.com/2016/svg-media… I followed.
He filed follow-up crbug.com/1026539
@mathias @NathanG @jaffathecake Yeah, also a manual reload is required; the favicon doesn’t automatically refresh on color scheme change as the rest of the page does.
📢 New blog post: `prefers-color-scheme` in SVG favicons for dark mode icons: blog.tomayac.com/2019/09/21/pre… 🌒
🎉 Chrome now accepts SVG favicons (crbug.com/294179#c73), which means you can style your icon with inline `prefers-color-scheme` and you’ll get two icons for the price of one!
Demo: 🌒 dark-mode-favicon.glitch.me ☀️
(Test it with the last Chromiudownload-chromium.appspot.compic.twitter.com/9UJuhOMwbK