mirror of
https://github.com/Mibew/simple-icons.git
synced 2024-11-15 18:04:12 +03:00
Updated scaling and centering guidelines.
This commit is contained in:
parent
b66994c2ec
commit
1078ab9ea2
@ -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 [Google’s 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**.
|
||||
|
Loading…
Reference in New Issue
Block a user