Webサイトの「トップページに戻る」ボタンとして必須の「ホームアイコン（家のマーク）」。
無料の素材サイトで探していて、もし「これだ！」というデザインが見つからない時は、「自分で作る」という選択肢も考えてみませんか？
こんな時におすすめ：
- 「会員登録やクレジット表記の手間を省きたい」
- 「サイトの雰囲気に合わせて、線の太さや角の丸みを調整したい」
- 「ライセンスや商用利用の規約を気にせず安心して使いたい」
実は、ホームアイコンは特別なスキルがなくても、ブラウザ上で簡単に作ることができます。
この記事では、登録不要の無料ツール「MyPict」を使って、完全ライセンスフリーのホームアイコンを3分で作る方法をご紹介します。
素材サイトと「自作」の違いは？
「探す」のと「作る」のでは、それぞれメリットが異なります。もし権利関係や自由度を重視するなら、MyPictでの自作が相性が良いかもしれません。
| 項目 | 一般的な素材サイト | MyPict（自作） |
|---|---|---|
| 商用利用 | 制限がある場合も | 完全OK |
| クレジット | 表記が必要な場合あり | 一切不要 |
| デザイン | 完成されたデザイン | 角丸も線幅も自由 |
使用するツール：MyPict（マイピクト）
インストール不要、ブラウザだけで使える無料ツール「MyPict」を使用します。
【手順】MyPictで角丸ホームアイコンを作る
「屋根（三角形）」と「本体（四角形）」を組み合わせるだけで、誰でも簡単にプロ品質のアイコンが作れます。
STEP 1: 屋根を作る（角丸三角形）
- ツールバーの「図形」から「三角形」を選択します。
- 設定パネルにある「角丸（半径）」のスライダーを少し上げます。
これが自作ならではのポイント。角を丸くすることで、親しみやすい「かわいい」印象になります。 - 横長になるように変形させ、屋根の形を作ります。
STEP 2: 家の本体を作る（角丸四角形）
- 図形ツールから「四角形」を追加します。
- こちらも同様に、「角丸」を少しだけ設定し、柔らかい雰囲気を統一します。
- 屋根の下に配置し、サイズを調整します。
アレンジのコツ：
ドアを付けたい場合は小さな四角形を追加したり、煙突を足したりするのも自由自在です。
Web用に保存（書き出し）する
完成したらWebサイト用に書き出します。
- 右クリックの「保存」ボタンをクリックします。
- 背景を透過させるため、形式は「PNG」または「WEBP」を選択してダウンロードします。
まとめ：もう素材探しで迷わない
「ホームアイコン」は、Webサイトの顔とも言える重要なナビゲーションです。
もし既存の素材でしっくりこない時は、MyPictで「サイトの雰囲気に合わせたアイコン」をサクッと自作してみてはいかがでしょうか。
よくある質問（FAQ）
ホームアイコンは無料で作れますか？
はい。MyPictは登録不要・無料で利用でき、ホームアイコンも自由に作成できます。
作成したホームアイコンは商用利用できますか？
はい。Webサイトやアプリ、業務用UIなど商用利用が可能です。
SVG形式で保存できますか？
はい。SVG形式で書き出せるため、UIアイコンとしてそのまま使用できます。
アプリ用のホームアイコンとして使えますか？
はい。シンプルな形状のため、アプリやWebサービスのナビゲーションアイコンとして適しています。