Minimal Notion Icons

NotionNext

||最后更新: 2020-8-24|

A set of simple icons designed to customise notes in Notion but suitable for whatever use you find.

It's only a small selection currently as I just made a few for my own notes but I'll add to it occasionally as I make more.
 
 

Credit


Designed by Finbah Neill
 
Also if you have feedback or suggestions, get in touch!
twitter: @finbahneill

What's Notion?


If you just stumbled across this and don't know what Notion is, this is it, you're on a Notion page right now!
If you signup to Notion via this link, both you and I get credit towards our notion plans. It's a neat way to support me if you found these icons useful.
 
 

Downloads


Zip files containing all the icons in colour and monochromatic variants.

PNG 280px


280x280px transparent .png files. This is the Notion recommended icon size and format.

PNG 140px


140x140px transparent .png files. Use these if you notice an impact on load times and performance using the 280px pngs.

SVG


Vector .svg files. Note that while these are supported icon format for Notion they do slow down performance, particularly on the mobile app.

EPS


Vector .eps files. You're not able to upload and use these as icons within Notion but I provide them here if you want to use them in some other context.

Adobe Illustrator


Full editable vector file containing all icons. It's a bit idiosyncratically organised but all artboards are named and ordered for easy exporting.

 

Changelog


I'll update and add to this as I add new icons and make changes.
Version 01-03
21/01/2019
Overall changes
  • Changed the dimensions of the .png files to 140x140px as I found this gave best Notion loading speed on desktop and mobile without compromising visible quality.
Added file formats
  • Added .eps files of each icon/ colour
  • Added .ai file containing all artwork
Changed Icons
  • The square squiggle was feeling too close to a swastika so I changed the rotation of all squiggles to try to pull them away from this.
  • Changed naming of Arrows to use abbreviated cardinal directions i.e. N, NE, E, SE, etc. Changed name of 'Arrow-Up' icons to 'Arrow-NE' as a result.
Changed Colours
  • Adjusted the green, darkening it slightly to make it clearer on white.
Added Icons
Shapes
  • Pentagon
  • Hexagon
  • Cube
  • Sphere
  • Dome
  • Star-2
  • Cylinder-2
Elements
  • Snowflake
  • Sun
  • Stars
  • Moon
  • Tree 1-3
  • Leaf
Squiggles
  • Beveled
Arrows
  • N
  • E
  • SE
  • S
  • SW
  • W
  • NW
Symbols
  • Dollar
Misc
  • WiFi
  • Lightbulb
  • Document
  • Documents
  • Pencil
  • Book
  • House
NEW 14/03/2019
  • Added 280x280px png files.
  • Changed name of current 'PNG' files to 'PNG 140' but the files themselves are unchanged
    • The recent update to the Notion apps gave a significant performance improvement and it seems it can now handle full sized custom icons without an impact
Version 01-02 - 24/12/2018
Updated icons after multiple people asked if I could share them on twitter.
Added Icons
Shapes
  • Triangle
  • Circle
  • Circle-Open-1
  • Diamond
Elements
  • Flame
  • Drop
Squiggle
  • Squared
  • Rounded
Arrows
  • Up Right
Misc
  • Link
Each icon added in the following colours
Monochromatic
  • Black
  • White
  • Grey 25%
  • Grey 50%
  • Grey 75%
Colour
  • Yellow
  • Purple
  • Green
  • Red
Each icon added in the following formats
  • png
  • svg
Version 01-01
Initial icons that I just created for myself.
 
 

Icons Preview


notion image
notion image
notion image
notion image
notion image
notion image
notion image
notion image
notion image
notion image
notion image
notion image
notion image
notion image
notion image
notion image
notion image
notion image
notion image
notion image
notion image
notion image
notion image
notion image
notion image
notion image
notion image
notion image
notion image
notion image
notion image
notion image
notion image
notion image
notion image
notion image
notion image
notion image
notion image
notion image
notion image
notion image
notion image
 
 
 
 
 
 
 

 

Colours Preview


notion image
notion image
notion image
notion image
notion image
notion image
notion image
notion image
notion image
notion image

 
 
Thanks for checking this out and, again, please let know if you have any feedback or suggestions or even you just found these useful.
twitter: @finbahneill
Loading...