-
Notifications
You must be signed in to change notification settings - Fork 2.3k
SVG Standards
Alex Canales edited this page Sep 8, 2024
·
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 likeresize-image
for scaling the SVG).
- The
plain
andline
versions (with or withoutwordmark
) 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.
- You no longer need to convert classes to fill. We now use SVGO to ensure all IDs and classes are unique.