Effortlessly Generate Icons from SVG files for ReactJS, VueJS, Angular, and Front-end Projects, Empowering Your UI Development.
- Light-weight
- Flexible
- Simple to use
With Icon-Sheet, you can seamlessly integrate custom icons into your web applications, enhancing user experience and visual appeal. Say goodbye to the hassle of manual icon creation and hello to a streamlined development process.
Whether you're building a dynamic web application or a responsive website, Icon-Sheet provides a straightforward solution for implementing icons that align perfectly with your design vision. Elevate your front-end projects with this powerful tool and experience the difference.
npm install icon-sheetPut all your .svg in icons directory at the root of your project.
In your `package.json`` file, add a script:
"scripts": {
"icon-sheet": "icon-sheet"
},Then run the command
npm run icon-sheetArguments
--iconsDir: SVG icons directory. (Default:icons)--ttfPath: Generated TTF font path. (Default:icon-sheet.ttf)--woffPath: Generated WOFF font path. (Not generated by default)--woff2Path: Generated WOFF2 font path. (Not generated by default)--stylesPath: Generated styles path (Default:icon-sheet.css)
Example
"scripts": {
"icon-sheet": "icon-sheet --iconsDir=src/svgs-icons"
},..
<head>
..
<link rel="stylesheet" href="/icon-sheet.css" />
..
</head>
..
<span class="icon">my_icon</span>
..Icon name is same as the svg file name, icons/my_icon.svg.
Contributions are welcome! Feel free to open an issue or submit a pull request.
This project is licensed under the MIT License.
Developed & maintained by neilveil.