-
Notifications
You must be signed in to change notification settings - Fork 2.3k
SVG Standards
Thomas Bui edited this page Dec 29, 2021
·
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.
- Each SVG contains one icon with
viewBox="0 0 128 128"
. You can use a service like resize-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 are united. - The icon's strokes and texts must be fills. This is to satisfy our conversion website's requirements.
- You no longer need to convert classes to fill. We now use SVGO to ensure all ids and classes are unique.