AI SVGアイコンジェネレーター：テキストからベクターアイコンを生成

2段階のツールです。テキストから画像へのモデルがアイコンの説明を1024 pxで描画し、次にトレース工程がアートワークを本物のベクターパスへ変換して.svgファイルとしてダウンロードできます。同じマスターからのPNG・WEBP・ICO書き出しも一緒に手に入るため、1回の生成でWebとアプリストアの両方の面をカバーします。

はい。書き出しにはパスのジオメトリが含まれ、SVGコンテナに包まれたビットマップではありません。Figma、Illustrator、テキストエディタで開いてパスを編集できます。トレードオフはスタイルです。フラットでライン主導のアートはシンプルできれいなパスへトレースされますが、絵画的なグラデーションは多数の小さな断片になります。

このページでの最初の生成は無料クレジットでカバーされ、各候補の描画には1クレジットかかります。SVG書き出しは標準のダウンロードダイアログの一部なので、無料クレジットの実行でもベクターファイルが手に入ります。有料プランでボリュームと高解像度が追加されます。

はい。通常のimgタグでファイルを参照するか、マークアップをインライン化してCSSで塗り色を制御できます。単色のアイコンセットがテーマごとに色を変えるのはこの方法です。ファビコンとしては、head要素でSVGを宣言し、古いクライアント向けにPNGかICOのフォールバックを後ろに置きます。

すべてのモダンエンジンがSVGファビコンを受け入れ、どの画面密度でもシャープなままで、メディアクエリ経由で色替えできます。古いSafariと一部のクローラーは今なおラスターを期待するため、安全なパターンはSVGファースト、その後にPNGとICOのフォールバックです。すべてこのページで同じマスターから書き出せます。

PNGです。iOS App StoreとGoogle Playは固定サイズのラスターPNGを要求し、SVGのアップロードは受け入れません。実務上の分担はこうです。SVGはWebサイト、Webアプリ、デザインシステムへ。PNGはストア掲載と、ピクセルとして描画するすべてのものへ。ここでマスターを1つ生成し、両方を書き出せます。

トレーサーはパスを当てはめる前にアートワークをコンパクトなパレットへ削減するため、滑らかなグラデーションは階段状の帯になり、小さなハイライトは融合することがあります。トレースが重くなったら、色数を減らし、陰影をフラットにし、形状を太くして再生成してください。このページで固定しているラインプリセットはまさにそのためのものです。

間接的になら可能です。写真からアイコンへのページで画像をアップロードし、きれいなラインかフラットの描画として描き直してから、ここでトレース済みSVGを書き出します。直接的なラスターからSVGへの変換ツールは描き直しを省くため、出力に大掃除が必要になりがちです。モデル越しの描き直しが、トレーサーに扱いやすいシンプルな形状を与えます。

主題1つ、少ない色数、フラットかラインの描画を指定します。「フラットなロケットグリフ、2色、プレーンな背景」。トレースに効く言葉：フラット、ラインアイコン、幾何学、単色、中央配置。妨げになる言葉：艶のある、グラデーション、シーン、影、テクスチャ。

担う仕事が違います。ライブラリは一般的な概念の既成シンボルを渡してくるもので、ジェネリックなグリフで間に合うならそれで十分です。このジェネレーターはあなたの説明に沿って主題を描き、ベクターファイルを渡します。マークがあなたの製品、マスコット、どのライブラリにもない形状であるときに重要になるのはこちらです。ジェネリックなグリフで済みそうなら、まずギャラリーを覗いてみてください。