mirror of
https://github.com/simple-icons/simple-icons.git
synced 2024-12-16 01:10:30 +02:00
SVG icons for popular brands
brandbrand-assetsbrand-colorsbrandingbranding-assetsbrandscompany-brandsdesigndesign-assetsicon-packicon-packsiconsiconsetlogologossvgsvg-filessvg-iconssvg-images
c639949524
Put all of the CSS and most of the JavaScript into their own file. The JavaScript that is left in HTML depends on some Liquid logic present in the HTML. |
||
---|---|---|
_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 width="32" width="32" src="https://cdn.jsdelivr.net/npm/simple-icons@latest/icons/stackoverflow.svg" />
<img width="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>'
}
*/