Die besten Noti­on Icons Quellen

Icons inner­halb Notion

In Noti­on kannst du inner­halb eines Tex­tes mit : ein pas­sen­des Emo­ji aus­wäh­len oder einer Seite/Datenbank ein Emo­ji vergeben.

Noti­on Icon pro Sei­te und Datenbank

Wenn du inner­halb einer Sei­te oder Daten­bank (in Full Width Ansicht) über die Sei­ten­be­schrif­tung fährst, kannst du dort ein Icon hochladen.

Dir stan­den bis Mit­te 2022 zwei Mög­lich­kei­ten offen: ein Emo­ji aus­wäh­len oder ein eige­nes Icon (Opti­on Cus­tom) hochladen.

Vor allem für Letz­te­res sind vie­le Anbie­ter ent­stan­den, damit man nicht nur eige­ne Icons haben kann, son­dern die­se auch selbst ein­fär­ben kann. Sie dafür mei­ne Tipps für exter­ne Icon Quel­len – hap­py hunting 😉

Neu­er Icon-Picker – Noti­on Icon selbst einfärben

Seit Anfang August 2022 kannst du nun inner­halb von Noti­on ein Icon aus­wäh­len und es ein­fär­ben. Die ver­füg­ba­ren Far­ben ent­spre­chen den Notion-Farben die du sonst auch für Call-Out Hin­ter­grün­de oder Text­far­ben ver­wen­den kannst.

Das Tol­le an die­sem neu­en Fea­ture ist, dass du dir viel Zeit bei der Suche von pas­sen­den Icon-Sujets erspa­ren kannst und gleich­zei­tig die Far­ben zum rest­li­chen Noti­on Design passen.

Nutzt du aller­dings an ver­schie­de­nen Orten, wie ich bei mei­nen Kun­den, immer wie­der die glei­chen Icons, dann ist die Zeit­er­spar­nis gering. Sie­he dazu mei­nen Pro-Tipp.

Mei­ne 3 Top-Favoriten für Noti­on Icons

Super.so

Mei­ne erste Suche für gute Noti­on Icons gilt jeweils Super.so. Auch wenn deren Kern­ge­schäft das Umwan­deln von Notion-Seiten in aus­ge­feil­te Web­sei­ten ist, so haben sich eine anspre­chen­de Kol­lek­ti­on von Icons erschaf­fen. Mir gefällt das mini­ma­li­sti­sche Design und dass sie alle mit der glei­chen Hand­schrift daher­kom­men. Die ecki­ge Ver­si­on davon fin­dest du hier.

Notio­nI­cons

Wer­de ich dort nicht fün­dig, suche ich wei­ter auf Notio­ni­cons wei­ter. Dort fin­de ich ein grös­se­res Anwen­dungs­spek­trum und kann die Icons in Schwarz, Anthra­zit und Grau sowie für den Light- oder Dark­mo­de haben.

Icons8

Mein näch­ster Stopp ist dann jeweils bei Icons8. Dort hat man die Qual der Wahl. Es gibt far­bi­ge und schwarz/weiss Icons, sta­ti­sche wie ani­mier­te GIF-Bilder und ich fin­de prak­tisch zu jedem The­ma ein Icon für den Ein­satz in Noti­on. Die Icons stam­men von unter­schied­li­chen Desi­gnern, wes­halb die Icons gestal­te­risch nicht aus einem Guss sind. Dafür kannst du jedes Icon auf dei­ne Cor­po­ra­te Far­ben anpas­sen und mit­tels Far­be einen Notion-Workspace zu einem ein­heit­li­chen Auf­tritt verhelfen.

Ein Nach­teil kann sein, dass gewis­se Icons nicht in der gewünsch­ten Grös­se kosten­los zur Ver­fü­gung ste­hen und man sich ent­we­der für Icons8 Monats­abo oder für eine schlech­te Auf­lö­sung ent­schei­den muss.

Noti­on GIF Icons – Abstrakt & Animiert

Wenn du dei­nen Noti­on Sei­ten einen beson­de­ren Schliff geben willst, dann emp­feh­le ich dir ani­mier­te GIFs, als Icons zu verwenden.

Auf Giphy kannst du frei Schnau­ze nach Begrif­fen für abstrak­te Bil­der suchen. So kannst du nach “Sym­bol, Stripes, Cir­cles, Shapes, Stickers, etc. suchen und eine hüb­sche Rake­te finden.

Leg unbe­dingt eine Daten­bank mit dei­nen Trou­vail­len an! Beson­ders auf Giphy ver­liert man tol­le GIF sehr schnell aus den Augen. Manch­mal kom­men mir die Such­re­sul­ta­te sehr ran­do­mi­siert vor – ich bekom­me nicht jedes Mal die glei­chen Resultate.

DIY – mit Canva

Du kannst einen schö­nen Hin­ter­grund in Can­va qua­dra­tisch abspei­chern und ihn als Icon hoch­la­den. Wenn der Hin­ter­grund nicht durch­ge­hend ist und stel­len­wei­se trans­pa­rent blei­ben soll, dann spei­che­re das Bild als PNG ab.

Zusam­men mit einem schö­nen Cover Image ergibt sich dar­aus eine visu­ell schö­ne Überlagerung.

Pro-Tipp: Icons Daten­bank – orga­ni­sie­re dei­ne Noti­on Icons

Ich habe eine eige­ne Icons Daten­bank, wor­in ich alle mei­ne Anwen­dun­gen und Tools ver­wal­te. Für jede Icons-Quelle, die ich regel­mäs­sig nut­ze, hat es einen Ein­trag. Im Daten­satz des jewei­li­gen Tools habe ich eine neue Daten­bank ange­legt und hin­ter­le­ge dort Icons, die ich regel­mäs­sig nutze.

Weisst du, wes­halb du das auch tun soll­test? Spä­te­stens wenn du beim 5. Mal im Inter­net nach dem glei­chen Icon suchst, ergibt es kei­nen Sinn eine Daten­bank mit dei­nen Icons-Favoriten anzulegen.

So sparst du dir die exter­ne Suche, hast eine Icons-Vorschau und wenn du beson­ders schlau bist (hüstel), dann hin­ter­legst du neben dem Link auch gleich noch das ech­te Icon. Dann brauchst du nur noch eine Listen­an­sicht, damit du eine schlan­ke Icons-Vorschau hast.

Mei­ne Icons sind mit Schlag­wör­tern ver­se­hen, damit ich inner­halb der Liste nicht lan­ge scrol­len muss.

Daten­satz mit hoch­ge­la­de­nem Noti­on Icon und Link zum Speicherort.

Kosten­lo­se
Tasta­tur­kür­zel Vorlage

Habe alle funk­tio­nie­ren­den Kür­zel stets in dei­nem Workspace zur Hand.

Von uns geste­stet und täg­lich genutzt!

Schluss­wort

Wel­che Icons Kol­lek­ti­on gefällt dir am mei­sten? Tweete dei­ne Ant­wort direkt an mich.

Bild­quel­le: Eige­ne Icons­zu­sam­men­stel­lung via Icons8