Updated scaling and centering guidelines.

This commit is contained in:
David Klebanoff 2017-10-14 10:31:14 -07:00 committed by GitHub
parent b66994c2ec
commit 1078ab9ea2

View File

@ -6,6 +6,8 @@ This repository welcomes contributions and corrections. Before submitting a pull
- Include a descriptive `<title>` element for accessibility. The `<title>` must have an ID of the format `simpleicon-<iconname>-title` - for example, `<title id="simpleicons-github-title">GitHub icon</title>`.
- Add `aria-labelledby="simpleicon-<iconname>-title"` and `role="img"` to the `<svg>` element to improve screen reader support.
- Use a `viewBox` of 24 by 24, following [Googles Material Design guidelines for system icons](https://material.io/guidelines/style/icons.html#icons-system-icons).
- Ensure the icon is scaled to fit the viewbox, while preserving the icon's original propportions. This means the icon should be touching _at least_ two sides of the viewbox.
- Ensure the icon is horizontally and vertically centered.
- Ensure that all paths and strokes have been converted to fills.
- Ensure your SVG is monochromatic. Remove all fill colors so that icons default to black.
- Minify your SVG after exporting it. We recommend using [SVGO](https://github.com/svg/svgo) or [SVGOMG](https://jakearchibald.github.io/svgomg/) to automate this process. **Do not go below a precision of 3**.