CARVIEW |
Select Language
HTTP/2 200
date: Sat, 19 Jul 2025 12:48:16 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/"fc7bd20ddb7d2e65f5af276fb58da758"
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=NCPUcyzd8ZAHS8w627xSNtgBfBRtJ%2FnZsA2E4osgwfjokh1zaUyD4xrTLYcxGG0w0w2lt2XvkJ3LoY2GAZBF59sFAD5iCAkwAKVFXTH7kbHbgDLR%2BNQpligWaCZ9N6%2Ff%2BnVGW2pEbvWEQwPq9czbKeb3wvnJ1Rh1UOI3PiP%2BrELDLHXXPLQq49zCH7x3SnEn6oYJTojbiDs%2BUovQuj1w4yMG8CFXJBaMkiq6CLvzyIWwe9iy12XQ6WZivqiSar%2BlSZj7lpUlg9q7oPAl5GMxKQ%3D%3D--S15wY9IGcmXdwlsy--Cyc%2BYVbSJeR9Tcf6FsjC4w%3D%3D; Path=/; HttpOnly; Secure; SameSite=Lax
set-cookie: _octo=GH1.1.1470835874.1752929296; Path=/; Domain=github.com; Expires=Sun, 19 Jul 2026 12:48:16 GMT; Secure; SameSite=Lax
set-cookie: logged_in=no; Path=/; Domain=github.com; Expires=Sun, 19 Jul 2026 12:48:16 GMT; HttpOnly; Secure; SameSite=Lax
x-github-request-id: AB9A:A43E1:7815A8:9CFC15:687B9410
Example of Submitting Icons to the Repository · devicons/devicon Wiki · GitHub
Skip to content
Navigation Menu
{{ message }}
-
Notifications
You must be signed in to change notification settings - Fork 2.4k
Example of Submitting Icons to the Repository
David Leal edited this page Aug 24, 2022
·
4 revisions
As an example, let's assume you have created the SVGs for Redhat and Amazon Web Services logos.
For the Redhat SVG, you have the original
, original-wordmark
, plain
, and plain-wordmark
versions.
For the Amazon Web Services SVGs, you have the original
, original-wordmark
, and plain-wordmark
versions. The original
version is simple enough to be a plain
version as well.
- Put the SVGs for each logo that you have into its own folders in
/icons
- This means you would create two folders: one for
amazonwebservices
and one forredhat
. See Naming Convention for more details. - Note: don't do this in the same commits; we want to have each Icon in its own PR.
- This means you would create two folders: one for
-
Update the
devicon.json
- For
redhat
, you would do this
- For
{
"name": "redhat",
"altnames": [], // alternative names for the icon
"tags": [
"server",
"linux"
],
"versions": {
"svg": [ // here are the versions that are available in svgs
"original",
"original-wordmark",
"plain",
"plain-wordmark"
],
"font": [ // here are the versions that will be used to create icons
"plain",
"plain-wordmark"
]
},
"color": "#e93442", // note the '#' character
"aliases": [] // no aliases in this case
},
- For the
amazonwebservices
, you would do this
{
"name": "amazonwebservices",
"altnames": ["aws"],
"tags": [
"cloud",
"hosting",
"server"
],
"versions": {
"svg": [ // here are the versions that are available in SVGs
"original",
"original-wordmark",
"plain-wordmark"
],
"font": [ // here are the versions that will be used to create icons
"original", // "original" is simple enough to be used as the plain icon so we'll add "plain" to the aliases below
"plain-wordmark",
// note that the alias "plain" is not listed here. It must be listed in the `aliases` attribute
]
},
"color": "#F7A80D", // note the '#' character
"aliases": [
{
"base": "original", // here is the SVG that we will upload to Icomoon
"alias": "plain" // this is its alias. Our script will create a reference so users can use "original" or "plain" when referencing it
// note that this is now optional (Jan 2022). You do not need to create aliases from now on. However, the attribute needs to stay so just put an empty `[]` if you are not using it.
}
]
}
For more info on aliases
, see this.
- Create a separate pull request (PR) for each Icon.
- This means you would have to create one PR for Amazon Web Services and one PR for Redhat.
- Include the name of the icon in the pull request. Follow this format:
new icon: Icon name (versions)
- For Amazon Web Services, your PR title should be
new icon: amazonwebservices (original, original-wordmark, plain-wordmark)
- For Redhat, your PR title should be
new icon: redhat (original, original-wordmark, plain, plain-wordmark)
- For Amazon Web Services, your PR title should be
- For the rest of the steps, you can follow Overview on Submitting Icon
- 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.