feather-icons-paths

🏂 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!