-
Notifications
You must be signed in to change notification settings - Fork 2.3k
SVG Versions
Jørgen Kalsnes Hagen edited this page Oct 21, 2023
·
6 revisions
Each icon/SVG can come in different versions:
|
|
|
|
|
|
-
plain
andline
versions (including theirwordmark
versions) 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
original
version 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
original
orplain
. - 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 (wordmark
versions have lower value than their non-wordmark counterparts, so if an icon fits both theoriginal
andoriginal-wordmark
versions it should be namediconname-original
.- So in the case of Apple, you only need to create
apple-original.svg
to cover bothoriginal
andplain
.
- 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
original
and 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