Icons
Adding an Icon
-
Minify and Clean up your SVG
- Go to https://jakearchibald.github.io/svgomg/
- Copy and paste the SVG code to the "paste markup" field
- Move the Precision slider as far left as possible without changing the icon's appearance
- Copy the SVG code
-
Create a new file in the assets folder
olympus-web/libraries/icons/assets
and paste the SVG code -
Remove any width and height attributes ensuring viewbox attribute is accurate
-
Build the web project and ensure the icon appears as intended in the style-guide. You may need to replace any fill attributes with
currentColor
.