Notionで見出しや本文にアイコンを追加する方法

Notionアイコンの表示 記事表紙

かわいく・見やすくカスタマイズ!

Notionでは、ページにアイコンを設定して見た目を整えたり、作業の目印として使うことができます。

ただし、見出しや本文などのブロックには「アイコン追加」の設定が見当たらず、どうすればいいのか迷う方も多いかもしれません。

この記事では、以下のポイントを分かりやすく解説します。

ページのアイコンを設定する方法

見出しや本文にアイコンを入れる方法

アイコン素材を無料でダウンロードする方法

オリジナル画像のアップロード方法

ページのアイコンを設定する方法(基本編)

Notionで新しいページを作成すると、タイトルの上に「アイコンを追加」というボタンが表示されます。

ここをクリックすると、以下の選択肢が表示されます。

  • 絵文字から選ぶ
  • アイコン一覧から選ぶ(Notion内蔵素材)
  • 画像をアップロード(オリジナル画像もOK)

💡 アップロードした画像は保存されるため、他のページでも再利用できます。

絵文字・アイコン・アップロードに含まれる画像の一覧が表示される

オリジナルの画像やネットでダウンロードした画像を使用したい場合は、アップロードしておけばいつでも再利用可能です。

見出しや本文にアイコンを入れるには?

ページには簡単にアイコンを追加できますが、見出しや本文には直接アイコンを追加する設定項目がありません。

しかし、Notionでは「/emoji」コマンドを使うことで、見出しや本文にもアイコンや絵文字を入れることができます。

方法:見出しにアイコンを表示させる

GIF画像例(見出しへの絵文字追加)

/emoji

と入力し、Enterキーを押します

一覧から絵文字を選択

絵文字を入力後、続けて見出しテキストを入力

✔️ これで、見出しの先頭に絵文字を追加することができます

※見出し(H1〜H3)すべてで使えます📷

✏️ 方法:本文にアイコンを表示させる

GIF画像例(本文への絵文字追加)

本文にアイコンを表示させるのも操作は同じです。

/emoji

を使えば、テキストの前後に絵文字を追加できます。

文章に彩りを加えたり、重要な部分の装飾として便利です。

📷Notionアイコン素材の無料ダウンロード

アイコン素材サイトの活用で、効率よくNotionをカスタマイズ!

Notionをもっと見やすく・おしゃれにしたいけれど、
「わざわざ自作するのは面倒…」
「アイコンのデザインは苦手…」
という方も多いのではないでしょうか?

そこでこの記事では、画像サイズや色を自由にカスタマイズできる
Notionと相性の良いアイコン素材サイトだけを厳選して紹介しています。

これらのサイトを使えば、プロっぽいデザインが手軽に実現できます。
時間をかけて気合を入れてアイコンを作る必要はありません。
必要なアイコンを選んでダウンロード→Notionにアップロードするだけ!

デザイン初心者の方でも、効率よく見栄えのよいページに仕上げられるので、
作業効率を上げたいNotionユーザーにぴったりです。

使いやすいアイコン素材サイト

サイト名特徴
icon-rainbowシンプルでかわいいイラスト風アイコンが豊富
Phosphor Icons軽量・高品質なSVGアイコンが豊富
Lucideモダンなアイコンを多数収録。カラー変更も簡単
Simple Notion IconsNotion用に最適化されたシンプルアイコン集

これらのサイトでダウンロードした画像は、Notionの「アイコンを追加」→「アップロード」から利用できます。

icon-rainbow

Phosphor Icons

Lucide

Simple Notion Icons

オリジナルアイコンをカスタマイズ・追加するには?

Notionでは、オリジナルの画像やアイコンも簡単に使えます。

/emoji

または「アイコンを追加」から「アップロード」を選択

保存しておいた画像(PNGやSVG)を選ぶ

ページまたはブロックに反映されます。

※上の画像は、カセットテープの画像をSVGで作成し、Notionにアップロードした例です。🖌️

グラフィックソフト(Canva・Figma・Illustratorなど)を使って、自分だけのアイコンを作るのもおすすめです。

SmoothShape

MOVE THE MOON!

コメント

コメントする