Konverter SVG ke Komponen React

Konversi kode mentah SVG menjadi komponen React/TypeScript yang terekspor rapi dengan props yang dapat disesuaikan.

MASUKAN SVG MENTAH

HASIL KOMPONEN REACT

import React from "react";

interface ClockIconProps extends React.SVGProps<SVGSVGElement> {}

export default function ClockIcon(props: ClockIconProps) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" {...props}>
      <circle cx="12" cy="12" r="10" />
      <polyline points="12 6 12 12 16 14" />
    </svg>
  );
}

PETUNJUK PENGGUNAAN

Tempelkan string XML SVG mentah Anda pada kolom masukan
Sesuaikan nama komponen dan pilih mode TSX atau JSX
Salin kode komponen React yang dikonversi ke proyek Anda

Konverter SVG ke Komponen React

PETUNJUK PENGGUNAAN

Halaman

Jelajahi

Wawasan

Konverter SVG ke Komponen React

PETUNJUK PENGGUNAAN

Command Palette