React

Component Reference

Example: /src/components/SvgIcon.jsx

export default function SvgIcon({ name, color, ...props }) {
  return (
    <svg {...props} aria-hidden='true'>
      <use href={name} fill={color} />
    </svg>
  )
}

Use Reference

Example: /src/App.jsx

import SvgIcon from './components/SvgIcon'

export default function App() {
  return (
    <>
      <SvgIcon name='icon-icon1'></SvgIcon>
      <SvgIcon name='icon-icon1' color='#8B81C3'></SvgIcon>
      <SvgIcon name='icon-dir-icon1'></SvgIcon>
    </>
  )
}