Simply beautiful open source icons
What is Feather?
Feather is a collection of simply beautiful open source icons. Each icon is designed on a 24x24 grid with an emphasis on simplicity, consistency, and flexibility.
- ``` sh
- npm install feather-icons
Table of Contents
Start with this CodePen Template to begin prototyping with Feather in the browser.
Or copy and paste the following code snippet into a blank html file.
- ``` html
- <!DOCTYPE html>
- <html lang="en">
- <script src="https://unpkg.com/feather-icons"></script>
- <i data-feather="circle"></i>
At its core, Feather is a collection of SVG files. This means that you can use Feather icons in all the same ways you can use SVGs (e.g.img, background-image, inline, object, embed, iframe). Here's a helpful article detailing the many ways SVGs can be used on the web: SVG on the Web – Implementation Options
The following are additional ways you can use Feather.
Note: If you intend to use Feather with a CDN, you can skip this installation step.
Install with npm.
- ``` sh
- npm install feather-icons --save
Or just copy [feather.js](https://unpkg.com/feather-icons/dist/feather.js) or [feather.min.js](https://unpkg.com/feather-icons/dist/feather.min.js) into your project directory. You don't need both feather.js and feather.min.js.
Include `feather.js` or `feather.min.js` with a `