Introducing 'iconyaki,' a tool designed to provide frontend developers with the optimal icon transformation experience. 'iconyaki' offers a seamless and diverse range of icon conversion functionalities to quickly integrate visual elements into your projects.
IconYaki is an Electron application that allows for easy management of vector icons in React projects. The app's key features include:
- Converting vector (svg) files into React components
- Exporting and importing React components to and from the project's icon target folder
- Testing color and size changes for registered icons
- Finding icons
You can test the converted React icons by changing the color, background color, and size of the registered icons.
You can manage icons by creating multiple projects for frontend developers with busy schedules.
https://github.com/axisj/iconyaki/releases
Click the 'Config' button at the page header to enter the project name and icon prefix name.
Click the 'Upload' menu at the page header to upload your SVG file. and check the 'Icon List' section to see the list of icons you uploaded. finally, click the 'Generate' button to generate the icon files.
You can see the index page to see the generated icon files. and 'Export' button at the header.
import { IconBin } from "[your path]/icon";
const IconBinExample = () => {
return (
<div>
<IconBin />
</div>
);
};
$ npm install
$ npm run dev
# For windows
$ npm run build:win
# For macOS
$ npm run build:mac
# For Linux
$ npm run build:linux