Notion

Notionをオシャレにする無料アイコンサイト4選

Notionをもっと可愛くオシャレにしたい

こういった思いを持たれている方に向けて、Notionで使えるアイコンサイトをご紹介します。

Notionに標準で用意されているアイコンを使うのでなく、外部サイトのアイコンを利用することで毎日開きたくなるNotionページを作り上げることが可能です。

以下で紹介するサイトは無料で使えるものですので、ぜひ気軽にご利用ください。

  1. お気に入りのアイコンが見つかる
  2. Notionを可愛く装飾できる

おすすめアイコンサイト

それでは早速、おすすめのアイコンサイトを4つご紹介します。

サイトによって無料に使えるアイコンと有料のアイコンが混在しています。注意して無料のアイコンを使うようにしてください!

lordicon

lordiconのトップ画面

一つ目のサイトは「lordicon」です。

「lordicon」では以下の画像のように可愛らしいアイコンを利用することができます。

lordiconサイトのアイコン例

お好きな形のアイコンが見つかれば、そのアイコンをクリックしてみてください。

自分用にアイコンの背景色や線の色を変更することができます。

背景色は白と黒の2色から選択可能です。

背景色を変更するには、選択したアイコンの右下に現れるチェックボックにチェックを入れます。

lordiconのアイコンの背景色変更ボタン

チェックを入れると背景色が以下のように黒色になります。

lordiconのアイコンの背景色を黒に変更した結果

またアイコンの線の色を変更するには、アイコンを選択すると表示される「COLORS」という項目にある◯をクリックしてください。

lordiconの色変更画面

色見本またはカラーコードによってお好きな色を選択しましょう。

さらにアイコンの線の太さも「STROKE」という項目を左右に動かすことで変更可能です。

lordiconの画面説明

色などの各種設定が完了したら「DOWNLOAD」をクリックしてください。

以下のような画面が表示されます。

lordiconのダウンロード画面

「STATIC SVG」というボタンをクリックするとアイコンがご自分のPCにダウンロードされます。

※「GIF」にすると動きのあるアイコンが生成されます。動きをつけたい人はGIFを選択しましょう。

ICONS8

icons8のトップ画面

2つ目にご紹介するアイコンサイトは「ICONS8」になります。

「ICONS8」でも以下のように様々なアイコンが提供されています。

icons8のアイコン例

お好きなアイコンを見つけて選択してください。

アイコンを選択すると以下のような画面が表示されます。

icons8のアイコンダウンロード画面

左側の「Recolor」という項目にチェックを入れると、アイコンの色を変更することが可能です。

色の変更が完了したら「ダウンロード」というボタンをクリックしてください。

以下のような画面が表示されます。

icons8のファイル形式選択画面

「SVG」タブを選択して、アイコンの大きさは”30px”を選んでください。

設定が完了したら「ダウンロード」を押してください。

ご自分のPCにアイコンがダウンロードされます。

iconscout

iconscoutのトップ画面

3つ目にご紹介するのは「iconscout」というサイトです。

「iconscout」でもたくさんのアイコンが提供されています。

iconscoutのアイコン例

お好きなアイコンを選択してください。

選択すると画面右側にアイコンの詳細設定を行う画面が表示されます。

「Change Color」という文字の横にあるカラフルな円を選択するとアイコンの色を変更することができます。

iconscoutの色変更画面

アイコン色の設定が完了したら「SVG」と書かれているダウンロードボタンをクリックしてください。

iconscoutの画面説明

ご自身のPCにアイコンがダウンロードされます。

Pinterest

pinterestのトップ画面

最後にご紹介するのは「Pinterest」です。

これまでのいわゆる”アイコン”とは違いますが、自分の好きなものの画像が見つかります。

例えば猫が好きな人や猫に関する情報を集めているNotionページに使うアイコンを見つけたいならPinterestで”猫”と検索してみると良いです。

pinterestの画像例

沢山の可愛らしい猫の画像があります。

お好きな画像が見つかったらその画像の上で右クリックをしてください。

そして「画像アドレスをコピー」という項目をクリックしましょう。

pinterestの画像リンク取得方法

ご自分が選んだ画像のリンクがコピーされます。

あとはNotionのアイコン設定画面に移り、画像のリンクをアイコンとして挿入してください。(やり方は後述しています)

猫以外にもご自分の趣味に合わせて様々な画像を探してみてください。

NotionのアイコンにはGifも挿入可能ですが、PinterestではGifが投稿されていることが多いです。

例えば好きなアイドルのGif画像をNotionのアイコンに設定すれば、Notionを開くたびに自分の好きな人と出会える感覚があり楽しいです。

アイコンの変更方法

アイコンサイトで得たアイコンをNotionに設定する方法について解説します。

アイコンの新規追加

新しくアイコンを設定する場合は、ページタイトル上部にカーソルを持っていき「Add icon」というボタンをクリックしてください。

アイコンの追加方法

自動的にアイコンが表示されます。

アイコンの変更方法

ご自分の好みのアイコンに変更する場合ために、自動的に表示されたアイコンをクリックしてください。

以下のような画像の画面が表示されます。

アイコンの選択方法

ご自分のPCに保存した画像を使う場合には「Upload an image」タブをクリックして自分のPCからアイコンをアップロードしてください。

Pinterestのように画像リンクを取得している場合には、「Link」というタブをクリックして画像のリンクを挿入してください。

アイコン変更

既にアイコンが設定されている場合には、先ほど説明した手順の後半部分だけでアイコンの設定が完了します。

確認のため再度記載します。

まず既存のアイコンをクリックして、以下のような画面を表示させてください。

notionのアイコンリンク埋め込み画面

ご自分のPCから画像をアップロードする場合は「Upload an image」を、画像リンクを挿入したい場合は「Link」をクリックしてアイコンを設定しましょう。

まとめ

Notionを可愛くオシャレにするアイコンサイトについて解説しました。

ぜひ頻繁に使うNotionを装飾してワクワクする画面にしてみてください。

Notionという便利アプリの満足度がさらに向上すること間違いなしです!