mirror of
https://github.com/simple-icons/simple-icons.git
synced 2024-12-26 01:13:41 +02:00
SVG icons for popular brands
brandbrand-assetsbrand-colorsbrandingbranding-assetsbrandscompany-brandsdesigndesign-assetsicon-packicon-packsiconsiconsetlogologossvgsvg-filessvg-iconssvg-images
9071129644
* Update Gitter color Update the color for the Gitter logo. Since it is hard to find an official source for the color, but pink seems to be more or less their brand color, I used the pink found at https://brandcolors.net/b/gitter Closes #820 * Update Ghost color Updated the color of the Ghost icon based on their (updated) styleguide Closes #824 * Update Evernote color Updated the color for the Evernote icon. Although the green is more iconic, their brand guidelines specify explicitely that you should not change the color of the logo. Closes #813 * Update Evernote color Updated the Evernote color based on feedback by @birjolaxew using the primary brand color rather then the icon color |
||
|---|---|---|
| _data | ||
| icons | ||
| images | ||
| .gitignore | ||
| .jsonlintschema | ||
| .npmignore | ||
| .travis.yml | ||
| CNAME | ||
| CONTRIBUTING.md | ||
| index.html | ||
| index.js | ||
| ISSUE_TEMPLATE.md | ||
| LICENSE.md | ||
| package.json | ||
| README.md | ||
| site_script.js | ||
| stylesheet.css | ||
Simple Icons
Free SVG icons for popular brands. See them all on one page at SimpleIcons.org. Contributions, corrections & requests can be made on GitHub. Started by Dan Leech.
Usage
General Usage
Icons can be downloaded as SVGs directly from our website - simply click the icon you want, and the download should start automatically.
CDN Usage
Icons can be served from a CDN such as JSDelivr or Unpkg. Simply use the simple-icons npm package and specify a version in the URL like the following:
<img height="32" width="32" src="https://cdn.jsdelivr.net/npm/simple-icons@latest/icons/stackoverflow.svg" />
<img height="32" width="32" src="https://unpkg.com/simple-icons@latest/icons/stackoverflow.svg" />
Node Usage
The icons are also available through our npm package. To install, simply run:
$ npm install simple-icons
The API can then be used as follows:
const simpleIcons = require('simple-icons');
console.log(simpleIcons['Google+']);
/*
{
title: 'Google+',
hex: 'DC4E41',
source: 'https://developers.google.com/+/branding-guidelines',
svg: '<svg aria-labelledby="simpleicons-googleplus-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">...</svg>'
}
*/
Third Party Extensions
WordPress
Icons are also available on WordPress through a simple plugin created by @tjtaylo, which you can find here.
Status
