Softonic

SVGアイコンビルダー

x-init="restore()" >
ステップ 1 / 2
次へ

デザインをどこにも送信せず、シンプルなSVGアイコンを作成できます。12種類の内蔵シンボルから選び、出力サイズ、線の太さと色、塗り、背景色、角丸を設定します。完成ファイルは固定の24×24 viewBoxを使い、SVGコードのコピーまたはSVGファイルのダウンロードができます。

4ステップでアイコンを作成

  1. 1

    シンボルを選ぶ

    ハート、星、チェック、バツ、円、正方形、三角形、矢印、稲妻、月、太陽、ベルから選びます。自由描画のキャンバスではなく固定プリセットです。

  2. 2

    出力サイズを決める

    幅と高さを32〜256 pxで選びます。内部のviewBoxは24×24のままです。

  3. 3

    スタイルを調整する

    線幅を0.5〜6に設定し、色、塗りなし、currentColor、線の色、背景と角丸を選びます。

  4. 4

    コピーまたはダウンロード

    生成したSVGコードをコピーするか、ファイルをダウンロードします。例：heart.svg。

このツールが作るもの

出力には24×24のSVG、背景の長方形、あらかじめ用意されたシンボルが含まれます。モックアップ、小さなUI、プロトタイプ向けです。画像の読み込み、パス点の編集、文字の追加、指示からの独自アイコン作成はできません。

塗り、利用方法、プライバシー

輪郭だけならなしを選びます。currentColorはインラインSVGで親要素のCSS color に塗りを合わせます。背景の長方形は常に出力に含まれます。アイコンはブラウザ内で生成され、設定はサーバーへ送信されません。2ステップ表示では、結果に渡すためこのタブのセッションストレージに一時保存されます。

よくある質問

いいえ。12種類の内蔵シンボルを整えるツールです。パスコマンドを描画または編集するにはSVGパスエディターを使用してください。

いいえ。すべての出力は24×24 viewBoxです。出力の幅と高さだけを32〜256 pxで変更できます。

いいえ。SVGはブラウザで生成され、設定はサーバーへ送信されません。

関連ツール

マテリアルデザイン カラーピッカー

Material Designのカラーパレットを閲覧できます。任意の色調（50からA700）を1タップでHEX、RGB、HSL形式でコピーできます。

方眼紙ジェネレーター

印刷できる方眼紙をオンラインで作成：方眼またはドット罫を選び、間隔をmmで設定し、A4かLetterと好きな線の色を指定して、印刷または鮮明なSVGでダウンロードできます。

旗作成ツール

6種類のレイアウト、色、文字、シンボルで、シンプルな3:2のカスタム旗をブラウザ内でデザインします。SVGまたはPNGをダウンロードするか、ブラウザの印刷ダイアログを開けます。

画像アップスケーラー

AI超解像または従来の補間処理で、低解像度画像を2×、3×、4×に拡大しながら重要なディテールを保ちます。

罫線入り用紙ジェネレーター

印刷できる罫線入り用紙を無料で作成。カレッジ罫、広め罫、狭め罫を選び、行間をmmで設定し、用紙サイズとマージン線を決めて、印刷またはSVGでダウンロードできます。

画像ピクセルレーター

調整可能なブロックサイズで画像全体または選択した領域をピクセル化し、顔、ナンバープレート、またはレトロな8ビットアートの遮蔽に使用できます。

このツールは他の言語でも利用できます