SVG’s are great alternatives to PNG or jpg icons. They scale dynamically because inside the file. the path of each line is stored as a set of angles and distances. This method ensure that an angle remains just as sharp at 150px or 1500px. This is really just filler text to show off an icon animation that I’m trying to test. I’ve started creating my own icons so that i can animate them with vivus.js and create a more immersed user experience.

[google-drive-embed url=”https://docs.google.com/spreadsheets/d/1zq5bJoKE83ggDCjH43i1hZi0CIpB2iAx7v37zQPVFK0/edit?usp=drivesdk” title=”Stormlight Archive Timeline (v2.4.11)” icon=”https://drive-thirdparty.googleusercontent.com/16/type/application/vnd.google-apps.spreadsheet” newwindow=”yes” style=”normal”]