数秒で美しい SVG ハートを作成
ハートはビジュアルデザインで最も認識されやすい形状の1つ — バレンタインカードからアプリアイコン、ロゴ、結婚式の招待状、ソーシャルメディアのグラフィックまで、あらゆるところに登場します。この SVG ハートジェネレーターは、さまざまなスタイルで清潔でスケーラブルなハート形状を簡単に作成できます。
ハートスタイル
- クラシック — グリーティングカードで見られる、時代を超えた対称的なカーディオイド。
- ラウンド — より丸みを帯びた、柔らかいハート。
- ポインテッド — 下端が鋭くスリムなハート。ロゴに最適。
- ピクセル — 正方形で構築されたボクセルスタイルのハート。レトロ/ゲーム美学に最適。
- ジオメトリック — 2つの円と三角形で構成された、幾何学的構築スタイル。
コントロール
- 塗りつぶし — 単色または任意の角度の2段階リニアグラデーション。
- ストローク — オプションの輪郭。幅と色を調整可能。
- 背景 — オプションの単色背景。SVG をスタンドアロンファイルとして埋め込むときに便利。
- サイズ — ピクセル単位の出力寸法。SVG はどんなスケールでも鮮明。
- ピクセルグリッド — ピクセルスタイル用。ハートを構成するブロック数を制御。
出力
ツールは1つの <path>(ジオメトリックスタイルは小さなグループ)を持つクリーンな <svg> を生成 — 外部依存なし。マークアップをコピーするか .svg ファイルをダウンロードし、HTML、React、Figma、Illustrator、デザインライブラリに貼り付けます。
一般的な用途
- バレンタインカード、ステッカー、印刷物
- いいね/お気に入りアイコンや UI マイクロインタラクション
- 結婚式や記念日の招待状
- デート、健康、ライフスタイル製品のロゴとブランディング
- ソーシャルメディアグラフィックとストーリー
- ローディングアニメーションとファビコン
すべてがリアルタイムで更新されるので、色と形が思い通りになるまで調整してエクスポートできます。
Tiny Online Tools







