Use svg icon like @ant-design/icons.
npm install @oceanbase/icons-svg``bash`
npm install @oceanbase/icons-svg
Directory tree should be like below:
`bash`
āāā package.json
āāā scripts
ā āāā generate.ts
āāā src
āāā svg
ā āāā filled
ā āāā outlined
ā āāā twotone
ā āāā colored
scripts/generate.ts:
`ts
import { resolve } from 'path';
import { appendFileSync } from 'fs';
import { reactIconsGeneratorFromSVGDir } from '@oceanbase/icons-svg';
export async function generateIcons() {
await reactIconsGeneratorFromSVGDir({
entry: resolve(__dirname, '../svg'),
output: resolve(__dirname, '../src'),
typescript: true,
});
}
generateIcons();
`
package.json:
`json``
{
"scripts": {
"build": "npm run generate && ${YOUR_BUILD_COMMAND}",
"generate": "rm -rf src && ts-node scripts/generate.ts"
}
}