CARVIEW |
Select Language
HTTP/2 200
date: Thu, 24 Jul 2025 22:21:55 GMT
content-type: text/html; charset=utf-8
vary: X-PJAX, X-PJAX-Container, Turbo-Visit, Turbo-Frame, X-Requested-With,Accept-Encoding, Accept, X-Requested-With
x-robots-tag: none
etag: W/"144482f61bd930cc72db1ba3e4ae4d63"
cache-control: max-age=0, private, must-revalidate
strict-transport-security: max-age=31536000; includeSubdomains; preload
x-frame-options: deny
x-content-type-options: nosniff
x-xss-protection: 0
referrer-policy: no-referrer-when-downgrade
content-security-policy: default-src 'none'; base-uri 'self'; child-src github.githubassets.com github.com/assets-cdn/worker/ github.com/assets/ gist.github.com/assets-cdn/worker/; connect-src 'self' uploads.github.com www.githubstatus.com collector.github.com raw.githubusercontent.com api.github.com github-cloud.s3.amazonaws.com github-production-repository-file-5c1aeb.s3.amazonaws.com github-production-upload-manifest-file-7fdce7.s3.amazonaws.com github-production-user-asset-6210df.s3.amazonaws.com *.rel.tunnels.api.visualstudio.com wss://*.rel.tunnels.api.visualstudio.com objects-origin.githubusercontent.com copilot-proxy.githubusercontent.com proxy.individual.githubcopilot.com proxy.business.githubcopilot.com proxy.enterprise.githubcopilot.com *.actions.githubusercontent.com wss://*.actions.githubusercontent.com productionresultssa0.blob.core.windows.net/ productionresultssa1.blob.core.windows.net/ productionresultssa2.blob.core.windows.net/ productionresultssa3.blob.core.windows.net/ productionresultssa4.blob.core.windows.net/ productionresultssa5.blob.core.windows.net/ productionresultssa6.blob.core.windows.net/ productionresultssa7.blob.core.windows.net/ productionresultssa8.blob.core.windows.net/ productionresultssa9.blob.core.windows.net/ productionresultssa10.blob.core.windows.net/ productionresultssa11.blob.core.windows.net/ productionresultssa12.blob.core.windows.net/ productionresultssa13.blob.core.windows.net/ productionresultssa14.blob.core.windows.net/ productionresultssa15.blob.core.windows.net/ productionresultssa16.blob.core.windows.net/ productionresultssa17.blob.core.windows.net/ productionresultssa18.blob.core.windows.net/ productionresultssa19.blob.core.windows.net/ github-production-repository-image-32fea6.s3.amazonaws.com github-production-release-asset-2e65be.s3.amazonaws.com insights.github.com wss://alive.github.com api.githubcopilot.com api.individual.githubcopilot.com api.business.githubcopilot.com api.enterprise.githubcopilot.com; font-src github.githubassets.com; form-action 'self' github.com gist.github.com copilot-workspace.githubnext.com objects-origin.githubusercontent.com; frame-ancestors 'none'; frame-src viewscreen.githubusercontent.com notebooks.githubusercontent.com; img-src 'self' data: blob: github.githubassets.com media.githubusercontent.com camo.githubusercontent.com identicons.github.com avatars.githubusercontent.com private-avatars.githubusercontent.com github-cloud.s3.amazonaws.com objects.githubusercontent.com release-assets.githubusercontent.com secured-user-images.githubusercontent.com/ user-images.githubusercontent.com/ private-user-images.githubusercontent.com opengraph.githubassets.com copilotprodattachments.blob.core.windows.net/github-production-copilot-attachments/ github-production-user-asset-6210df.s3.amazonaws.com customer-stories-feed.github.com spotlights-feed.github.com objects-origin.githubusercontent.com *.githubusercontent.com; manifest-src 'self'; media-src github.com user-images.githubusercontent.com/ secured-user-images.githubusercontent.com/ private-user-images.githubusercontent.com github-production-user-asset-6210df.s3.amazonaws.com gist.github.com; script-src github.githubassets.com; style-src 'unsafe-inline' github.githubassets.com; upgrade-insecure-requests; worker-src github.githubassets.com github.com/assets-cdn/worker/ github.com/assets/ gist.github.com/assets-cdn/worker/
server: github.com
content-encoding: gzip
accept-ranges: bytes
set-cookie: _gh_sess=AIXczZS6%2FY9lQVsabUen7%2B3RNPdrmKAJWGAL%2F8gDjBAXaQfSrhRMkdYpb4OthnxaBD9B6iJOCS0lax5I1VB6QUcvDRiuZZOE%2BZAJyWzhUobf3IsUeLsE4QZ4G57gzFK98r9On8C7obXwJm5mU7B7151JxR8sOSrjmANIJgPOWBevIhpFoPZJnd9zpW2xBMbUPo9RBObRWGGNu6am07DfXJRAKoGwC9acwtP0t6S8RHIWYq%2BZ5rfmx70fLkLsrKeeTeOw4sO0ydn6E8KDKTTvOg%3D%3D--EAvBWNUqBYxm6uZ0--1dllb368ANzsFTOc2ReZ%2Fg%3D%3D; Path=/; HttpOnly; Secure; SameSite=Lax
set-cookie: _octo=GH1.1.1551761823.1753395715; Path=/; Domain=github.com; Expires=Fri, 24 Jul 2026 22:21:55 GMT; Secure; SameSite=Lax
set-cookie: logged_in=no; Path=/; Domain=github.com; Expires=Fri, 24 Jul 2026 22:21:55 GMT; HttpOnly; Secure; SameSite=Lax
x-github-request-id: E32A:14FF85:1B604:294EE:6882B203
SVG Versions · devicons/devicon Wiki · GitHub
Skip to content
Navigation Menu
{{ message }}
-
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:
|
|
|
|
|
|
-
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
- 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
Clone this wiki locally
You can’t perform that action at this time.