SVGBase

SVGBase は「AI による SVG 生成」と「無料 SVG ツールボックス」を同じページにまとめています。ひと言の説明から編集可能なベクターコードが手に入り、その後は AI か手作業でコードレベルで編集を続けられます。向いているのは、ソースコードをそのままプロジェクトへ取り込みたいフロントエンド開発者と、無料で形式変換を試したい、登録もしたくない一般ユーザーです。

主な機能

• テキストから SVG 生成：被写体・スタイル・配色を説明すると、ダウンロード可能な .svg ソースとリアルタイムプレビューが返ります。ビットマップではなくコードを納品します
• AI による再編集：既存の SVG をアップロードして変更点を伝えると、AI がコードレベルで修正します。元ファイルと見比べてから書き出せます
• CSS アニメーション：ストローク描画、回転ローダー、パルス（呼吸）などに対応し、純粋な CSS @keyframes として出力、モーション低減のフォールバック付きで、静的出力と同じ価格です
• 無料ワークベンチ：シンタックスハイライト付きのエディタとリアルタイムプレビュー。SVG・PNG・JPG・WebP に書き出せ、登録不要・ウォーターマークなし
• 形式変換：PNG から SVG へは色数とディテールのスライダーを備えた本物のトレース。DXF の双方向変換と SVG から STL への変換もあり、レーザーカットや 3D プリントに使えます
• ローカル処理：無料ツールでは画像もコードもサーバーに送信されず、ファイルがブラウザの外に出ません

向いている用途 フロントエンドや個人開発者がアイコン、ローディングアニメーション、小さなイラストを作る用途では、コードをそのままコンポーネントライブラリに入れられます。レーザーカット・CNC・3D プリントを楽しむ人には DXF や STL の出力が必要です。運用やデザインの担当者がたまに色を変えたり PNG・PDF を書き出したりする程度なら、デスクトップソフト一式をインストールする必要はありません。SVG コードを読めない場合、ドラッグ＆ドロップ型のソフトより敷居が明らかに高いのは確かです。

独自の強み 生成側とツール側が同じワークベンチでつながっているのは珍しい組み合わせです。Recraft はスタイルの一貫性に強く、Vectorizer.AI は単機能のベクター化の基準ですが、どちらも DXF/STL や CSS アニメーションの書き出しはカバーしていません。無料ツールが完全にローカル処理で登録不要という点は実用的です。

編集部の評価 まずは無料ツールで試すのがおすすめです。閲覧・コード編集・変換は本当に無料で、書き出されるのは本物のベクターコードです。制限もはっきりしています——SMIL、パスモーフィング、Lottie には非対応、ビットマップはアニメーションの 1 秒目の静止フレームのみ、完全な書き換えは 8 KiB まで、生成ごとの消費は 5〜10 credits です。加えてドメインの登録は 2026 年 10 月と新しく、規約に事業者情報の開示もないため、登録時の 20 credits で必要性を確かめたうえで判断し、初回から年払いにするのは避けるのが堅実です。