I’ve been meaning to switch out the old PNG icons on the site for a while. Inline SVG icons are better because they look crisper, can be controlled using CSS and have some performance gains.
As a user, I need icons to help me recognise social links, so that I can spot links easily and be confident in where they’ll take me.
- PNG icons are switched to SVG Icons
- SVG colour is controlled via CSS
- SVG is optimised
- SVG is accessible
- Stop using the
- File size is reduced from 1.05 KB to 500 bytes
- There is one less http request because we don’t need to load an external image