IconCraft - SVG アイコン 生成・編集
プロジェクト用の高品質な SVG アイコンを作成・カスタマイズ。色、サイズ、線の太さを即座に変更できます。
🔒 100% Local
⚡ Fast Processing
🆓 Free Tool
IconCraft の活用事例
サイドプロジェクトのランディングページ用にブランドカラーのアイコンセットを作成
Notion ページに挿入するカスタムアイコンを PNG 形式で作成
アプリの UI/UX モックアップデザイン用のアイコンをリアルタイム生成
プレゼン資料に使用する背景透過の高画質アイコンを抽出
よくある質問
Q. 複数のサイズが内蔵された .ico ファイルを作成できますか?
はい。SVG を 1 つアップロードすれば、16, 32, 48, 256px のバリアントを含む単一の .ico を出力します。
Q. Android の適応型アイコン(Adaptive Icon)に対応していますか?
はい。前景と背景を個別にアップロードすれば、標準の XML および PNG セットをすべて生成します。
Q. アイコンを書き出す前に色を変更できますか?
はい。プレビューパネルで Hex コードを入力するかカラーピッカーを使用して、自由に色を調整できます。
Q. PWA 用の maskable アイコンと通常アイコンの違いは何ですか?
Maskable アイコンは内側に 80% の安全領域があり、Android などの様々なマスク形状でも重要な部分が切れません。
Q. Apple タッチアイコンも自動で作れますか?
はい。1024x1024 のマスター画像を基に、iOS デバイス用の 20 種類以上の必要規格を一括で書き出せます。
📱 プラットフォーム別推奨アイコンサイズガイド
| プラットフォーム | 必要サイズ (px) | 形式 | 備考 |
|---|---|---|---|
| iOS アプリ | 1024×1024 | PNG | 透過禁止 |
| Android 起動 | 192×192 | PNG/Adaptive | 前景背景分離推奨 |
| Windows アプリ | 16~256 マルチ | ICO | 多解像度パック |
| Web ファビコン | 32×32 / 180×180 | ICO/PNG | link タグ複数必要 |
| PWA マニフェスト | 512×512 | PNG | maskable 属性推奨 |
主要 OS および Web 環境に最適化されたアイコン規格表です。
🎨 主要オープンソースライブラリ比較
Lucide
1,400+ Icons
Style線形一貫性
LicenseISC
Phosphor
6,000+ Icons
Style6段階の太さ
LicenseMIT
Heroicons
300+ Icons
Style線形/塗り
LicenseMIT
Material
2,500+ Icons
Style多様な変異
LicenseApache
IconCraft は、拡張性と一貫性に優れた Lucide を標準エンジンとして採用しています。
主な特徴
- 1,400 以上の Lucide アイコンライブラリを完全内蔵
- リアルタイムの色、サイズ、線の太さカスタマイズ機能
- 無損失 SVG および高解像度 PNG の同時書き出し対応
- 会員登録不要、100% ブラウザベースの無料アイコン作成
IconCraft は、開発者やデザイナーがアイコンの互換性を気にせず創作に集中できるようサポートします。あなたのブランドカラーのアイコンを今すぐ手に入れましょう。