A script converts svg file to icons
npm i csvgtocss@latest --save-devimport { defineConfig } from 'csvgtocss';
export default defineConfig({
src: 'svg', // svg path
dist: 'dist', // output path
prefix: 'csvgtocss', // font name
exportJson: true, // export json file
});-c: Config
{
...
"scripts": {
...
"csvgtocss": "csvgtocss",
},
...
}- You can also use a custom config file instead of
svgtocss.config.{ts,js,mjs}. Just create<FILE_NAME>.config.{ts,js,mjs}to build command
Exp: awesome.config.ts;{
...
"scripts": {
...
"csvgtocss": "csvgtocss -c awesome",
},
...
}- Install iconify-preview
- Config
.vscode/settings.jsonread file json icon which generate after run script
{
"iconify.color": "#ddd",
"iconify.customCollectionJsonPaths": ["./public/svgcss/icon-collection.json"], // path json file
"iconify.delimiters": ["-"],
"iconify.prefixes": ["", "icon"],
"iconify.inplace": false,
"iconify.annotations": true,
"iconify.languageIds": ["typescript", "typescriptreact"]
}
Gia Hung – hung.hg