SVG React JSX / TSX ve Vue Dönüştürücü

SVG simgelerini tek tıklamayla temiz React TSX, React JSX veya Vue 3 bileşenlerine dönüştürün; camelCase ve currentColor desteğini otomatik uygulayın.

Veya SVG kodunu doğrudan aşağıya yapıştırıp düzenleyin
import type { SVGProps } from "react"

export function SvgIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width="128" height="64" viewBox="0 0 128 64" {...props}>
  
  
  <rect x="16.12" y="12.57" width="96" height="40" rx="8" fill="currentColor" stroke="currentColor" strokeWidth="2"/>
  <circle cx="44.89" cy="32.44" r="10.25" fill="currentColor"/>
</svg>
  )
}

export default SvgIcon

Teknik Özellikler ve Yerel Gizlilik

İşleme
%100 Tarayıcıda Yerel İşleme (Yükleme Yok)
Çekirdek Motor
SVGR Attribute AST Mapper (React TSX / JSX / Vue 3)
Lisans ve Ücret
Ücretsiz, Filigransız, Kayıtsız

Sıkça Sorulan Sorular

SVG simgelerini tek tıklamayla temiz React TSX, React JSX veya Vue 3 bileşenlerine dönüştürün; camelCase ve currentColor desteğini otomatik uygulayın. (%100 Tarayıcıda Yerel İşleme (Yükleme Yok))