SVGファイルをcurrentColor対応のTypeScriptおよびJavaScriptフロントエンドコンポーネントに即座に変換します。
Source size: 24 x 24 px (aspect ratio 1.000)
100% Private & Secure - Your data is never shared or stored anywhere.
SVGベクターからクリーンでアクセシブルなモダンフロントエンドコンポーネントを瞬時に生成します。
Enjoy 3 free conversions with no signup required. When you're ready for more, create a free account to unlock unlimited access.
.svgファイルをドロップするか、SVGマークアップを直接貼り付けます。
React (TSX/JSX)、Vue 3、Svelte、Tailwind、React Nativeを選択し、名前を設定します。
ワンクリックでコードをコピーするか、コンポーネントファイルを直接ダウンロードします。
CrushSVGはブラウザ上でSVGマークアップを直接解析し、属性をJSX形式に変換して型安全なReactコンポーネントを生成します。
はい！生成されたコンポーネントはNext.js App Router、Vite、Astro、Remixと完全に互換性があります。
固定カラーをcurrentColorに置き換えることで、Tailwind CSSクラス（例: text-blue-500）からアイコンの色を柔軟に変更できるようになります。
いいえ。すべての処理はお使いのブラウザ上で100%ローカルに実行され、安全に保護されます。
