Github url

simple-icons

by simple-icons

simple-icons /simple-icons

SVG icons for popular brands

8.8K Stars 1.1K Forks Last release: 5 days ago (3.0.1) Creative Commons Zero v1.0 Universal 2.9K Commits 46 Releases

Available items

No Items, yet!

The developer of this repository has not created any items for sale yet. Need a bug fixed? Help with integration? A different license? Create a request here:

Simple Icons

Simple Icons

Over 1000 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:

![](https://cdn.jsdelivr.net/npm/[email protected]/icons/%5BICON%20NAME%5D.svg) ![](https://unpkg.com/[email protected]/icons/%5BICON%20NAME%5D.svg)

Where

[ICON NAME]

is replaced by the icon name, for example:

![](https://cdn.jsdelivr.net/npm/[email protected]/icons/simpleicons.svg) ![](https://unpkg.com/[email protected]/icons/simpleicons.svg)

These examples use the latest major version. This means you won't receive any updates following the next major release. You can use

@latest

instead to receive updates indefinitely. However, this will result in a

404

error if the icon is removed.

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.get('Simple Icons')); /\* { title: 'Simple Icons', slug: 'simpleicons', hex: '111111', source: 'https://simpleicons.org/', svg: '<svg role="img" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">...</svg>', path: 'M12 12v-1.5c-2.484 ...' } \*/

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 icon = require('simple-icons/icons/simpleicons'); console.log(icon); /\* { title: 'Simple Icons', slug: 'simpleicons', hex: '111111', source: 'https://simpleicons.org/', svg: '<svg role="img" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">...</svg>', path: 'M12 12v-1.5c-2.484 ...' } \*/

TypeScript Usage

There are also TypeScript type definitions for the Node package. To use them, simply run:

$ npm install @types/simple-icons

PHP Usage

The icons are also available through our Packagist package. To install, simply run:

$ composer require simple-icons/simple-icons

The package can then be used as follows:

<?php echo file_get_contents('path/to/package/icons/simple-icons.svg');

// <svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">... ?\>

Third Party Extensions

Drupal

Icons are also available as a Drupal module created by Phil Wolstenholme.

Flutter

Icons are also available as a Flutter package created by @muj-programmer.

Home Assistant

Icons are also available as a Home Assistant plugin created by @vigonotion.

Kirby

Icons are also available as a Kirby plugin created by @runxel.

React

Icons are also available as a React package created by @wootsbot.

Svelte

Icons are also available as a Svelte package created by @wootsbot.

WordPress

Icons are also available as a WordPress plugin created by @tjtaylo.

Status

Build Statusnpm versionPackagist version

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.