SVG Standards

Jump to bottom Edit New page

Jørgen Kalsnes Hagen edited this page Oct 21, 2023 · 9 revisions

To ensure our SVGs/icons are easy to use, please ensure your SVGs meet the following standards:

The background must be transparent.
The icon is centered horizontally and vertically.
The icon must have no padding, i.e. it should fill the entire viewbox.
Each SVG contains one icon with viewBox="0 0 128 128". You can use a service like resize-image for scaling the SVG).

SVG Standards Img

The plain and line versions (with or without wordmark) need to stay as simple as possible. They must have only one color and the paths should be united.
The icon strokes and texts must be fills. This is to satisfy our conversion website requirements.

Note

You no longer need to convert classes to fill. We now use SVGO to ensure all IDs and classes are unique.