Icon font — Devicons Docs

devicons is the no-framework option: one CSS file with a glyph for every icon file. It works in legacy stacks and plain HTML.

Install

npm install devicons

For a no-build workflow, see the CDN guide.

Import the stylesheet once. With a bundler:

@import "devicons/css";

Then add glyphs with the devicons base class plus devicons-{file}:

<i class="devicons devicons-react"></i>
<i class="devicons devicons-vue"></i>
<i class="devicons devicons-svelte"></i>

{file} is one of the icon’s file names, which each icon page lists (for example react, nextjs, nextjs-icon). Glyphs are monochrome.

The font inherits font-size and color.

<i
  class="devicons devicons-github"
  style="font-size: 32px; color: #ff4d00;"
></i>

Import	File
`devicons/css`	`dist/devicons.css`
`devicons/woff2`	`dist/devicons.woff2`
`devicons/ttf`	`dist/devicons.ttf`
`devicons/sprite`	`dist/sprite-symbol.svg`
`devicons/codepoints`	`dist/codepoints.json` (file name → codepoint)

For full-color logos, use the React, Vue, or Svelte packages, or the SVG URLs.