![\"Node\"](\"https://cdn.simpleicons.org/simpleicons/000/fff\")
\n\n
\nFree SVG icon font for popular brands. See them all on one page at SimpleIcons.org. Contributions, corrections & requests can be made on GitHub.
\n\n\n\n![\"NPM](\"https://img.shields.io/npm/v/simple-icons-font?logo=npm\"){kind=icon}
![\"Build](\"https://img.shields.io/packagist/v/simple-icons/simple-icons-font?logo=packagist&logoColor=white\"){kind=icon}
![\"Homebrew](\"https://img.shields.io/homebrew/cask/v/font-simple-icons?logo=homebrew&logoColor=white\")
![\"Homebrew\"](\"https://cdn.simpleicons.org/homebrew/000/fff\"){kind=small}
\n\nThe font is also available through Homebrew Cask. To install, simply run:\n\n```shell\nbrew install font-simple-icons\n```\n\nAfter installation, the font will be available in your system's font library, and you can use it in any application that supports custom fonts.\n\n### Node Setup ![\"Node\"](\"https://cdn.simpleicons.org/nodedotjs/000/fff\"){kind=small}
\n\nThe font is also available through our npm package. To install, simply run:\n\n```shell\nnpm install simple-icons-font\n```\n\nAfter 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.\n\n### PHP Setup ![\"PHP\"](\"https://cdn.simpleicons.org/php/000/fff\"){kind=small}
\n\nThe font is also available through our Packagist package. To install, simply run:\n\n```shell\ncomposer require simple-icons/simple-icons-font\n```\n\nThe font can then be used by linking to the stylesheet in your HTML or PHP file (see example in [Manual Setup](#manual-setup)).\n\n### Manual Setup\n\nYou can also [download the latest version of the package][latest-release] and copy the content of the `font` folder into your project. Then, reference the CSS file using a `link` tag in your HTML:\n\n```html\n\n```\n\n## Usage\n\nUse any of the icons available in simple-icons by adding the following classes to a node in your HTML. Use the `si--color` class to apply the brand's color to the icon.\n\n```html\n\n\n```\n\nWhere `[ICON NAME]` is replaced by the icon name, for example:\n\n```html\n\n\n```\n\nOr use the fit style font, all font will rendered in the same height:\n\n```html\n\n\n```\n\nIn this example we use the `` tag, but any inline HTML tag should work as you expect.\n\n## Custom Builds\n\nYou can specify which icons need to be build for a smaller file size.\n\n1. Clone and install dependencies:\n\n```shell\ngit clone git@github.com:simple-icons/simple-icons-font.git\ncd simple-icons-font\nnpm install\n```\n\n2. Use the environment variable `SI_FONT_SLUGS_FILTER` to filter icons to include:\n\n```shell\nSI_FONT_SLUGS_FILTER=github,simpleicons npm run build\n```\n\nNext environment variables are available to customize the build:\n\n- `SI_FONT_SLUGS_FILTER`: Comma separated string of slugs to include in the build. See [all slugs].\n- `SI_FONT_PRESERVE_UNICODES`: By default, the build will retain the same unicode of an icon as the full build. You can set it to `false` to disable this.\n\nFor example, if you set `SI_FONT_PRESERVE_UNICODES` to `false`, the unicode will still start at `0xea01` and keep increasing even you skipped some icons:\n\n```shell\nSI_FONT_SLUGS_FILTER=github,simpleicons SI_FONT_PRESERVE_UNICODES=false npm run build\n#=> github \\u{EA01}\n#=> simpleicons \\u{EA02}\n```\n\n[latest-release]: https://github.com/simple-icons/simple-icons-font/releases/latest\n[jsdelivr-link]: https://www.jsdelivr.com/package/npm/simple-icons-font/\n[unpkg-link]: https://unpkg.com/browse/simple-icons-font/\n[all slugs]: https://github.com/simple-icons/simple-icons/blob/develop/slugs.md\n","readmeFilename":"README.md"}