# LINEミニアプリのアイコンを作成する

LINEミニアプリのアイコンは、チャネル同意画面やホームタブ、LINEメッセージなど、多くの利用シーンで使用されます。利用シーンによって、特にモバイル端末の画面では、LINEミニアプリのアイコンが小さく表示されることがあります。どのような利用シーンであってもユーザーがアイコンを視認できるよう、以下のガイドラインに従ってアイコンをデザインしてください。

LINEミニアプリのアイコンの掲載場所

LINEミニアプリのアイコンの主な掲載場所は以下のとおりです。

チャネル同意画面 ホームタブ LINEメッセージ サービスメッセージ

# 【必須】アイコンのファイルフォーマットについて

利用可能なファイルフォーマットは、PNGとGIFです。

# 【必須】アイコンのデザインについて

他のサービスとの統一のため、以下の「テンプレートファイル(PSD)」をダウンロードしてアイコンを作成してください。アイコンのロゴを使用する場合は、高品質のリソースまたはベクター形式を使用してください。

テンプレートファイル(PSD)をダウンロードする (opens new window)

アイコンのデザインの悪い例は以下のとおりです。

1. アウトラインの外側が透過されていない
2. アウトラインからロゴの背景がはみ出ている
3. 形が異なる(例:丸、正方形)
4. アウトラインが上下や左右にずれている
5. アイコンのサイズが小さい

# 【必須】アイコンのサイズについて

背景領域(BG SIZE)のサイズは、130x130pxにしてください。またアイコンを保存する際は、下の画像の市松模様の部分を透過にして保存してください。

# 【必須】ロゴのサイズについて

ロゴのサイズ(LOGO SIZE)は、最小で54x54px、最大で90x90pxに収めてください。なお、54x54pxから76x76pxにすることを推奨します。

# 【推奨】ロゴのデザインについて

ロゴの視認性と品質を常に保つため、ロゴは単独のシンボルまたはワードマークとしてデザインしてください。

# 【推奨】アイコンの色について

背景領域の色(Background color)に応じて、輪郭色(Outline color)を指定してください。

背景領域の色
(Background color)
輪郭色
(Outline color)
輪郭色の透明度
(Outline opacity)
白(#FFFFFF) 黒(#000000) 12%
黒(#000000 または #181818) 白(#FFFFFF) 8%
その他の色 黒(#000000) 8%
背景色のタイプ

上記のテンプレートファイル(PSD)から、背景色のタイプを選択することを推奨します。テンプレートファイル(PSD)の未使用のレイヤーは、非表示に設定して保存してください。