e6485072d2
* Implement basic test for the NPM package Just an initial test suite that checks if all promised imports actually exist. The testing framework Jest was chosen because of it ease of setup and use. * Implement exhaustive tests of properties for each icon |
||
---|---|---|
_data | ||
icons | ||
images | ||
scripts | ||
tests | ||
.gitignore | ||
.jsonlintschema | ||
.npmignore | ||
.svglintrc.js | ||
.travis.yml | ||
CNAME | ||
CONTRIBUTING.md | ||
index.html | ||
ISSUE_TEMPLATE.md | ||
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 aria-labelledby="simpleicons-googleplus-icon" 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 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.