aae9abb9c2
* Add GOG icon SVG As it is found here https://www.cdprojekt.com/en/media/logotypes/ * Add GOG icon details Added GOG icon details. The name is written as GOG as this is how it appears as their website title and on their social media (even though the logo is clearly lowercase). The (purple) color #86328A was picked because GOG clearly has a purple esthetic, although the logos found at the source all use (the gray) #333333. * Rename GOG to GOG.com |
||
---|---|---|
_data | ||
.github | ||
icons | ||
images | ||
scripts | ||
tests | ||
.gitignore | ||
.jsonlintschema | ||
.npmignore | ||
.svglintrc.js | ||
.travis.yml | ||
CNAME | ||
CONTRIBUTING.md | ||
index.html | ||
LICENSE.md | ||
package-lock.json | ||
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 role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">...</svg>'
}
*/
Alternatively you can import the needed icons individually. This is useful if you are e.g. compiling your code with webpack and therefore have to be mindful of your package size:
const googleplus = require('simple-icons/icons/googleplus');
console.log(googleplus);
/*
{
title: 'Google+',
hex: 'DC4E41',
source: 'https://developers.google.com/+/branding-guidelines',
svg: '<svg 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.