Get the latest tech news
SVG favicons in action
Ever heard of favicons made with SVG? If you are a regular reader of CSS-Tricks, you probably have. But does your website actually use one?
That is a lot of code.To understand how we can deal with an SVG favicon quickly and easily, we first need to define what we want to achieve. The technique we covered above calls for creativity: replace a color, invert them all (which we’ll get to), change a shape… But the setup for a favicon is not the right time for this. Notice that even the colors change slightly to account for the darker background.Therefore, whether we prepare a favicon manually or with a tool, we automatically pick the light-compatible logo and start with that.
Or read this on Hacker News
