mirror of
https://github.com/simple-icons/simple-icons.git
synced 2024-11-26 01:00:27 +02:00
SVG icons for popular brands
brandbrand-assetsbrand-colorsbrandingbranding-assetsbrandscompany-brandsdesigndesign-assetsicon-packicon-packsiconsiconsetlogologossvgsvg-filessvg-iconssvg-images
cdd19f6983
Update the SVG which was slightly distorted. Also updated the color, taken from the coloured SVG found in the header and updated the outdated link (the old link gave a 404) |
||
---|---|---|
_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>'
}
*/