simple-icons-font
Advanced tools
Free SVG icon font for popular brands. See them all on one page at SimpleIcons.org. Contributions, corrections & requests can be made on GitHub. Started by Dan Leech.
The font can be served from a CDN such as JSDelivr or Unpkg. Simply use the simple-icons-font NPM package and specify a version in the URL like the following:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/simple-icons-font@v2/font/simple-icons.min.css" type="text/css">
<link rel="stylesheet" href="https://unpkg.com/simple-icons-font@2/font/simple-icons.min.css" type="text/css">
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 may cause an icon to disappear if it has been removed in the latest version.
The font is also available through our npm package. To install, simply run:
$ npm install simple-icons-font
After installation, the icons font and stylesheet font can be found in node_modules/simple-icons-font/font. You can use your favorite bundling tool to include them into your project.
You can also download the latest version of the package and copy the content of the font folder into your project. Then, reference the CSS file using a link tag in your HTML:
<link rel="stylesheet" href="/path/to/simple-icons.min.css" type="text/css">
Use any of the icons available in simple-icons by adding the following classes to a node in your HTML. Use the simpleicons--color class to apply the brand's color to the icon.
<i class="simpleicons simpleicons-[ICON NAME]"></i>
<i class="simpleicons simpleicons-[ICON NAME] simpleicons--color"></i>
Where [ICON NAME] is replaced by the icon name, for example:
<i class="simpleicons simpleicons-simpleicons"></i>
<i class="simpleicons simpleicons-simpleicons simpleicons--color"></i>
In this example we use the <i> tag, but any inline HTML tag should work as you expect.
FAQs
Icon font generated from https://simpleicons.org
We found that simple-icons-font demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
vlt's new "reproduce" tool verifies npm packages against their source code, outperforming traditional provenance adoption in the JavaScript ecosystem.
Research
Security News
Socket researchers uncovered a malicious PyPI package exploiting Deezer’s API to enable coordinated music piracy through API abuse and C2 server control.
Research
The Socket Research Team discovered a malicious npm package, '@ton-wallet/create', stealing cryptocurrency wallet keys from developers and users in the TON ecosystem.
