1
0
mirror of https://github.com/simple-icons/simple-icons.git synced 2024-11-16 00:59:07 +02:00
SVG icons for popular brands
Go to file
Eric Cornelissen e6485072d2 Test the NPM package (#972)
* 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
2018-09-09 21:58:53 +02:00
_data Add DTube (#970) 2018-09-09 21:55:09 +02:00
icons Add DTube (#970) 2018-09-09 21:55:09 +02:00
images Adds better OG preview image 2017-04-27 18:19:18 +01:00
scripts Add prepublish script (#942) 2018-08-26 23:23:57 +02:00
tests Test the NPM package (#972) 2018-09-09 21:58:53 +02:00
.gitignore Add "jsonhint" dependency 2017-09-11 21:53:21 +02:00
.jsonlintschema Change wording in schema 2017-09-13 21:44:59 +02:00
.npmignore Add index.js to .npmignore whitelist 2017-09-17 03:49:13 +02:00
.svglintrc.js Add SVGLint (#922) 2018-08-16 11:33:32 +02:00
.travis.yml Test the NPM package (#972) 2018-09-09 21:58:53 +02:00
CNAME Update CNAME 2015-11-02 14:20:14 +00:00
CONTRIBUTING.md Add a missing dash to the svgo precision option in the contributing guide (#962) 2018-08-31 11:20:46 +03:00
index.html Website/sort and search (#949) 2018-09-01 11:20:04 +02:00
ISSUE_TEMPLATE.md Make docs more "casual" (#644) 2017-10-17 13:44:38 -07:00
LICENSE.md Markdown fix (#928) 2018-08-10 15:22:29 +02:00
package-lock.json Test the NPM package (#972) 2018-09-09 21:58:53 +02:00
package.json Test the NPM package (#972) 2018-09-09 21:58:53 +02:00
README.md Add prepublish script (#942) 2018-08-26 23:23:57 +02:00
site_script.js Website/sort and search (#949) 2018-09-01 11:20:04 +02:00
stylesheet.css Website/sort and search (#949) 2018-09-01 11:20:04 +02:00

Simple Icons

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.

Status

Build Status npm version