SVGファイルをDraw.ioのライブラリコンポーネントに変換します。複数のファイルをアップロード、SVGコードを貼り付け、またはドラッグ＆ドロップで簡単に始められます。
ファイルのアップロード、ドラッグ＆ドロップ、SVGコードの直接入力に対応しています。
複数のSVGファイルを一度に変換。プレビューも対応。
生成されたライブラリはDraw.ioのダイアグラムでスムーズに使用できます。
このツールは、SVGファイルやSVGコードをカスタムDraw.ioライブラリに変換します。変換後は、.xmlファイルをダウンロードしてDraw.io（diagrams.net）にインポートするだけです。
SVGの追加方法は2通りあります：
アップロードまたは貼り付けたSVGは、サムネイル付きで一覧に表示されます。ライブラリを生成する前にファイル名を変更したり削除できます。
「Draw.ioライブラリを生成」ボタンをクリックすると、すべてのSVGを含むダウンロード可能な.xmlファイルが作成されます。
Draw.ioを開いて、ファイル → ライブラリを開く → デバイスから を選択します。ダウンロードしたファイルを選択すれば、カスタム図形を使用できます。使い方はこちら：https://svgtodraw.io/import.html。
どちらもダイアグラム作成に使用されますが、SVGとDraw.ioはまったく異なる役割を持っています。以下がその比較です：
| 項目 | SVG | Draw.io |
|---|---|---|
| 種類 | ベクター画像形式（XMLベース） | ダイアグラム作成アプリケーション |
| 用途 | アイコン、ロゴ、スケーラブルなイラスト作成 | フローチャート、UML、マインドマップ作成 |
| 編集可能？ | はい（テキストまたはデザインツールで） | はい（ビジュアルインターフェースで） |
| SVG対応？ | SVGそのもの | はい（インポートまたはカスタムライブラリ経由） |
| 出力形式 | .svg | .drawio, .xml, .png など |
SVG（Scalable Vector Graphics）はベクターグラフィックのオープン標準形式です。ラスター画像と異なり、SVGはどれだけ拡大しても画質が劣化しません。レスポンシブアイコン、イラスト、UI要素、ロゴなどに最適です。
Draw.io（別名：diagrams.net）は、フローチャート、UML図、システム設計などを作成するための無料オンラインダイアグラムエディターです。オープンソースで、オフラインでも使用可能。カスタムライブラリのインポートもサポートしています。
このアプリにSVGをアップロードまたは貼り付けるだけで、すぐにダウンロード可能な.xmlファイルへ変換されます。そのままDraw.ioにインポートしてカスタムライブラリとして使えます。アイコンや図形、デザインシステムを再利用するのに便利です。