[go: up one dir, main page]

Skip to content
Jørgen Kalsnes Hagen edited this page Oct 21, 2023 · 6 revisions

Each icon/SVG can come in different versions:

original: the original logo. Can contain multiple colors, gradients and other complex SVG elements.

devicon-original.svg

plain: a one-color version of the original logo. Could be in the original color, all black, or all white.

devicon-plain.svg

line: a one-color, line version of the original logo.

devicon-line.svg

original-wordmark: similar to the above but must contain the name of the technology.

devicon-original-wordmark.svg

plain-wordmark: similar to the above but must contain the name of the technology.

devicon-plain-wordmark.svg

line-wordmark: similar to the above but must contain the name of the technology.

devicon-line-wordmark.svg

Note

  1. plain and line versions (including their wordmark 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.
  2. 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.
  3. Sometimes, a logo can serve as multiple versions at the same time.
    • For example, the original Apple logo can be named either original or plain.
    • 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 the original and original-wordmark versions it should be named iconname-original.
      • So in the case of Apple, you only need to create apple-original.svg to cover both original and plain.
    • 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 is plain