If you want to render an .svg file in in Preact, I found inline SVGs to be the easiest way to get things working.
import { h } from 'preact'; const MenuIcon = () => ( <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" > <path></path> { /** Your path code goes here*/ } </svg> ); export default MenuIcon; And then you can use it as you would normally use a Preact component:
<MenuIcon/> 
Top comments (1)
Hello, I have this problem when doing yarn build with Preact, in svg component files, I've tried a lot I don't know why, I can't build - allexon@gmail.com