Heartアイコン
無料のハートアイコン：お気に入り、ウィッシュリスト、ヘルス機能用のフラット・ネオン・グラデーション・3Dハートシンボル。
Heart - アイコンギャラリー
Heartアイコンパックについて
ハートはユーザーが残したいものの印です：お気に入り、ウィッシュリスト、保存した投稿、いいね。定番の塗りつぶしグリフに加え、未登録状態を示すアウトライン、温かみのあるツートーン、バレンタイン企画やウェルネスブランドに合う艶のある3Dレンダーも。塗りとアウトラインのペアでトグルを作るもよし、ダークモード向けにネオン変体を選ぶもよし。
技術仕様・サイズ対応表
本アイコンパックの標準サイズ、色深度、書き出し規格。
| Dimension | Standard Value | Engineering Details |
|---|---|---|
マスター解像度 | 1024 × 1024 px | 512pxアプリストアから16pxファビコンまで破綻なく縮小可能な高密度キャンバス。 |
Alphaチャンネル透明度 | 32ビット RGBA（フリンジなし） | 輪郭の白浮きがない高精度アンチエイリアス透明背景。ダークモードにも最適。 |
対応出力フォーマット | PNG, ICO, WebP, SVG | 単一の高解像度画像ダウンロードのほか、AIワークスペースでの一括書き出しに対応。 |
色空間 | sRGB / 広色域ディスプレイ対応 | モバイルOLED、Retinaディスプレイ、一般的なPC画面で一貫した発色を保証。 |
対応プラットフォーム | iOS, Android, Web, macOS, Windows | App Store、Google Play、Webマニフェストの公式要件に準拠。 |
活用シーンと小サイズ可読性の指針
あらゆる表示面で明瞭な視認性を維持するための実践的ガイドライン。
おすすめの配置シーン
プロダクト主要ナビゲーション
サイドバーやツールバーに適しており、24pxや32pxでもはっきり認識できます。
メインビジュアル・LP展開
1024pxの高解像度マスターがランディングページやスライドにリッチな質感を提供。
アプリストア・ランチャー
Google Playの512pxやApp Storeの1024px規格に完全準拠。
極小サイズでの光学視認性
32px以下で表示する際は背景とのコントラストを十分に確保し、過度な装飾を省くことで瞬時の認識率を高めます。
プロンプト微調整と派生展開
Remix機能で自社ブランドのカラーコードを指定し、元のモチーフを崩さずにスタイルを切り替えられます。
リミックスまたは自分で作る
このパックのアイコンはすべてSparkIconAIで生成されています。任意のアイコンの下のRemixをクリックすると、ジェネレーターでスタイルや色を調整できます。ほしいアイコンをひとことで記述すれば、数秒でバリエーションが作れます。
AIアイコンジェネレーターを開くHeartアイコン | よくある質問
これらのHeartアイコンは無料ですか？
ギャラリーの閲覧とアイコンのリミックスは無料です。ギャラリーのアイコンのダウンロードにはクレジットが必要で、各カードに必要数が事前に表示されます。新規アカウントには無料クレジットが付いてきます。
Heartアイコンをカスタマイズできますか？
はい。任意のアイコンのRemixをクリックすると、AIアイコンジェネレーターでスタイル・色・プロンプトを変更し、新しいバージョンを書き出せます。
アイコンの形式とサイズは？
ギャラリーのアイコンは1024x1024のPNGとして保存されています。ジェネレーターはICO、WEBP、SVGなど一般的な形式・サイズにも書き出せ、アプリストアやファビコンなどに対応します。
Figmaやデザインシステムに読み込めますか？
はい。書き出したPNGやSVGはFigmaキャンバスに直接ドラッグ＆ドロップしてコンポーネント化できます。
パック内にない新しいアイコンを追加したい場合は？
パック内のアイコンからRemixを開き、スタイル設定を保ったままプロンプトに対象の名称を入力するだけで同調したアイコンが生成されます。
関連アイコン作成ツール
目的に特化したAIアイコン生成ツールでクリエイティブフローを加速します。
AI Icon Generator
Generate unique multi-style icons from plain text prompts in seconds.
App Icons PNG Matrix
Production-ready PNG matrices with transparent alpha channels across all surfaces.
3D Icon Generator
Render high-fidelity 3D clay, glass, and isometric icons with realistic depth.
Icon Design Studio
Multi-size clarity evaluation and style branching workflow for design systems.
App Icon Resizer
Client-side batch image resizer for iOS, Android, macOS, and Web app bundles.