SVG — React/JSX Icon Component

A reusable icon component takes size, color, and strokeWidth props. Tune them here and watch the rendered icon and the JSX you'd write update together. vanilla preview of a React pattern

props → rendered icon → JSX

64
#c8ff00
2
the component (TypeScript)

    

    

      
usage — what you'd type

      

    

    
Note the JSX attribute names: strokeWidth (camelCase), className (not class), and {`{}`} for dynamic values. The SVG body is identical to plain HTML.