

今回はnotionで項目の左側にアイコンをつける方法を調べました!
では早速みていきましょう!
アイコンとは・・・?
まず最初に、ここでいうアイコンについてお伝えしておきます。

こんな感じで、用途ごとにいい感じのアイコンをつけたりできるようになっています。
このアイコンをつける方法いついて解説します。
アイコンを付けられるブロック
さて、では早速ですが、このようにアイコン付けできるブロックは割と限定的になっています。
なので、現時点で全ての項目にはアイコンは付けられません。
ちょっと残念...
さて、ささっと流し見してみて、ある程度付けられそうなものをさがしてみました。
page, Link to page, Callout, Full Pageのやつ, あたりかなと思います。

すごい適当ではありますが、それぞれこんな見た目です。
どうやらListは新しいpageを追加しているようです。
また、Full pageで追加するもの(データベース系のもの)は全て新しいpageのようなものとして作られます。
そういったものはpage同様、アイコンが付与できるのかもしれないですね!
アイコンの付け方
さて、付け方ですが、アイコンが無い状態から付与するという動作は存在しません。
基本的に新しいブロックを追加した瞬間にアイコンは付いているようです。
なので、操作としてはアイコンを付け替える感じになります。
付け替える操作は非常に簡単で、ブロックを追加してアイコンが追加されたらそのアイコンをクリックしてアイコンの変更が可能です。
例えばpageには左側にページのアイコンがあり(作ってすぐはページのアイコン)、そのアイコンをクリックすると以下のように他のアイコンが出てきます。

ちなみにCalloutというブロックは最初は電球になっていてその電球を変えることができます。
このブロックはどちらかというと注意!!!みたいな特定の箇所に注目してほしい時に使うこと想定しているようで、開いた瞬間にそういった類のアイコン(図のCALLOUTの箇所)を初期表示してくれます。
ただ、もちろん他のアイコンも使えるので、好きにカスタマイズしましょう!

これだけでいい感じに付け変えすることができます。
アイコンの削除
さて、付け替えたりできるアイコンですが、最初っから付けっ放しなわけです。
場合によっては消したい!なんて時もあると思いますが....
現時点でこれはできません。
一応"Remove"というボタンは存在しますが...

これを使ってもデフォルトのノートアイコンに戻るだけです。


んー・・・。まぁ、致し方ないですね。
ただ、ページとの違いっていうのがわかるようにしている面もあるとは思います。
まとめ
今回はアイコンが付けられるものに付いて見てきました。
できればpageとか関係なくアイコン付けられると嬉しそうではあるんですがね...
まぁ、そういうかゆいところは今後〜ってかんじかなと。
アイコンの種類もどうやら追加することができるようですが、とりあえずはデフォルトで用意されているものでも十分な気がします。
皆さんもアイコンを使って思うがまま、デザインしてください!
それでわ!