SVG から React コンポーネントを作る

呼び出し側の props を svg に展開すると、className や aria 属性が残ります。viewBox は残し、親がサイズを決めるなら固定の width と height は外します。

export function House(props: SVGProps<SVGSVGElement>) {
  return (
    <svg viewBox="0 0 24 24" {...props}>…</svg>
  );
}