morristech/How to use SVG as react components.md

Forked from hj24/How to use SVG as react components.md

Created June 6, 2023 08:16

Star (0) You must be signed in to star a gist
Fork (0) You must be signed in to fork a gist

Select an option

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/morristech/fc9bb799e037f4212d3a22224efcf129.js"></script>
Save morristech/fc9bb799e037f4212d3a22224efcf129 to your computer and use it in GitHub Desktop.

Download ZIP

Raw

How to use SVG as react components.md

How to

yarn add --dev @svgr/cli
Config in package.json

"scripts": {
    "svgr": "npx @svgr/cli --out-dir src/components/icons --ignore-existing -- src/assests/icons"
}

yarn svgr
Use with semi-ui

import {Divider, Icon, Typography} from '@douyinfe/semi-ui';
import SvgBulleye from './components/icons/Bulleye';

<Icon svg={<SvgBulleye />} />

Reference

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment