feather-icons-paths
v1.1.1
Published
Feather icons exported as paths
Downloads
59
Maintainers
Readme
🏂 Feather Icon Paths
Based on the work done by Cole Bemis on Feather Icons, by converting all feather icons to path variables along with some other low-level data.
The exported icon data structure is similar to FontAwesome's JS object pattern.
Installation
yarn add feather-icons-paths
Usage
import { feActivity, feArrowUp } from 'feather-icons-paths'
console.log(feActivity)
/**
{
prefix: "fe",
iconName: "activity",
icon: [
// width
24,
// height
24,
// contents
'<polyline points="22 12 18 12 15 21 9 3 6 12 2 12"></polyline>',
// raw svg
'<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-activity"><path d="M22 12 L18 12 L15 21 L9 3 L6 12 L2 12"/></svg>'
// path data
'M22 12 L18 12 L15 21 L9 3 L6 12 L2 12'
]
}
* /
🤝 Contributing
Here's our contribution guide.
Caught a mistake or want to contribute to the documentation? Edit this page on Github
Related Projects
- feather-icons - Feather is a collection of simply beautiful open source icons.
- vue-feather-icons - Feather icons as Vue components
License
Feather Icons Paths is licensed under the MIT License.
❤️ Support this project
If you like this project, please consider supporting it by buying my a coffee!