Skip to content

SVG Standards

Jump to bottom Edit New page
Thomas Bui edited this page Jan 8, 2022 · 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).

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 are united.
  • The icon's strokes and texts must be fills. This is to satisfy our conversion website's requirements.

Note

  • You no longer need to convert classes to fill. We now use SVGO to ensure all ids and classes are unique.
Add a custom footer
Clone this wiki locally