- 
                Notifications
    You must be signed in to change notification settings 
- Fork 2.4k
SVG Versions
        Jørgen Kalsnes Hagen edited this page Oct 21, 2023 
        ·
        6 revisions
      
    Each icon/SVG can come in different versions:
| 
 | 
 | 
 | 
| 
 | 
 | 
 | 
- 
plainandlineversions (including theirwordmarkversions) will be used to generate the font icon. Thus, they will get their color removed via Icomoon during the font creation process. This means the SVG version and the font version can have different colors.
- You don't need to create all 6 versions for each icon. You only need at least one originalversion and one version that can be made into an icon. As seen in node #3 (below), both can be one SVG file.
- Sometimes, a logo can serve as multiple versions at the same time.
- For example, the original Apple logo can be named either originalorplain.
- In these cases, you only need to submit one version and follow this rule for naming them: original > plain > line. If it can fit multiple version, choose the version with the higher value (wordmarkversions have lower value than their non-wordmark counterparts, so if an icon fits both theoriginalandoriginal-wordmarkversions it should be namediconname-original.- So in the case of Apple, you only need to create apple-original.svgto cover bothoriginalandplain.
 
- So in the case of Apple, you only need to create 
- If the icon can be used as a font it should also be given the appropriate aliases.
- In the case of Apple, you should create an alias object where the base is originaland the alias isplain
 
- In the case of Apple, you should create an alias object where the base is 
 
- For example, the original Apple logo can be named either 
- What Icons Do We Accept?
- Requesting an Icon
- Overview on Submitting Icons
- Full Example of Submitting Icons
- Recommended Resources and Tools
- About the Maintainers, Supporters, and Contributors
- Code of Conduct
- Naming Conventions
- Organizing SVGs
- SVG Standards
- SVG Versions
- Updating devicon.json
- Common Bugs and Solutions