Then, you can browse through categories. . Get Started - It's Free There are many ways you can use icons and emojis in Notion, and now you know which steps to use to make that happen. Ill also send you a link to all my free Notion templates. It comes to down to a few clicks (copying the icon 2 clicks in Notion pasting the icon). You can customize color by clicking color. We'll walk you through a few pro tips on how to use our collection of fun Notion icons below: If you click the downward-facing arrow next to the 'color' field, you'll see some pre-made options of colors. What does that mean? If the page you want to link doesn't appear in the dropdown, just start typing to search for it, then select the page you want to link. Esc. 21 We'd just love it if you could let us know what else we could do better what we should add/change about them! Although not very dense, you might find here some icons you'll like. Select + Add a page from one of the listed options. Notion Icons helps you to easily add icons to your notes. Choose light or dark icons and just click and copy the URL and paste it into Notion. https://mariepoulin.com/wp-content/uploads/2019/10/notion-logo.png. /link /link. Reply. To remove an icon, just click on it and chooseRemove. PNG and JPEG file types are recommended as well. When you hover over Workspace or Private, youll see a small + icon. You can customize color by clicking color swatch. Choose from minimal or colorful icons to organize your pages and breathe some life into your pages. One thing that trips people up here: If you create a sub-page inline using + syntax, you wont be able to use the Turn Into command to turn the page into something else, such as a Toggle block. NOTE: While all our icons are free, some creators might charge for their icons. Icons; . If you use a consistent set of icons it helps your pages appear more organized and it gives everything that personal touch. Use them in Notion, Figma or download them with a single click. Tell us about an icon you need, and we will draw it for free in one of the existing Icons8 styles. Have a look at their selection as well. Trust me, custom icons will change your Notion experience ten-fold. If you don't, to put it simply, a hex code is a unique code for a color. 3 easy steps, find and select icons, customize and copy icon link, and paste directly in Notion. __CONFIG_colors_palette__{"active_palette":0,"config":{"colors":{"1016c":{"name":"Main Accent","parent":-1},"f88c6":{"name":"Main Accent Light","parent":"1016c","lock":{"saturation":1,"lightness":1}}},"gradients":[]},"palettes":[{"name":"Default","value":{"colors":{"1016c":{"val":"var(--tcb-skin-color-0)"},"f88c6":{"val":"rgb(234, 242, 251)","hsl_parent_dependency":{"h":210,"l":0.95,"s":0.66}}},"gradients":[]},"original":{"colors":{"1016c":{"val":"rgb(55, 179, 233)","hsl":{"h":198,"s":0.8,"l":0.56,"a":1}},"f88c6":{"val":"rgb(235, 246, 251)","hsl_parent_dependency":{"h":198,"s":0.66,"l":0.95,"a":1}}},"gradients":[]}}]}__CONFIG_colors_palette__, {"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}, 8 Places to Find Free Notion Icons in 2023, [2023 Update] The Ultimate Amazon Sellers Product Sourcing Checklist, 10 Best Places to Buy Amazon Return Pallets and How to Profit from Them in 2023, Twitter Shadowbans How to Check if Its Happened to You and What You Should Know [2023 Potential Twitter Software Update], Target Restocking Schedule and Clearance Schedule Demystified [April 2023], 1000+ Websites for Online Arbitrage Product Sourcing on Amazon, Fix Your TikTok Account Shadowban Fast Everything You Need to Know. They might not be as easy to use or as customizable, but we'll admit that we don't have all the Notion icons under the sun in our library. Tip: When you use [[, the dropdown menu will showpage linkingoptions first. Spice up your text by turning it a color or giving it a color highlight. You also wont always want your links to show up in the Sidebar. If you choose one of the templates, Notion will assign a corresponding icon. Its meant to encourage users to transfer the whole project from many different apps into the one that covers everything. Hit Enter. A huge part of Notions power as a knowledge management tool stems from the way it lets you easily create new pages anywhere in your workspace, and then link those pages together in multiple ways. You can select Empty with an icon, and Notion will choose a random icon for you. So even if you don't use the exact same word, we'll still find it for you. Select the page you'd like to link in the dropdown that appears. As with everything in Notion, you can customize the look and feel of these components. Believer in Open-Source Software, Blockchain Technology & a Free and Fair Internet for all. You'll find a big selection if icons there, which are easily usable. Download icons in all formats or edit them for your designs. This method also allows you to mention a date, notify another person in your workspace, or create a reminder. If you're wondering why, the answer is really simple and straightforward: we want people to know of our Notion website builder. PRO TIP: If you're on desktop, you might have to hover your mouse above your title to see the button. These each link to another existing page (specifically, they link to pages in my Ultimate Tasks template). Our search system is made so that we show all the synonyms. It allows users to browse through pages faster and helps them effortlessly remember what each page note, page, or workspace represents. Once you find your preferred icon, click on the icon and download it as a GIF (if there is a GIF option). https://www.color-hex.com/color-palettes/, Click on any icon you like (hint: you can use the search function in the upper right corner), Go back to Notion click the "add icon" button. Posted by 5 days ago. Go to your icon website. The great news is that they're open source. Thanks for making this! Type"followed byspace to create a quote block. YouTube, content creation, and online business. @ commands - Type @, then start typing the name of the page you want to link. These work just like youd expect if youve ever created a link in a blogging platform like WordPress. One of the best ways you can actually customize Notion is to make the most of icons and emojis. Click the+that appears in the left-hand margin when you hover over a new line. Learn how your comment data is processed. Get free Notion icons in iOS, Material, Windows and other design styles for web, mobile, and graphic design projects. Type keywords in Search box to filter icons. To do that, what we currently suggest going for is. Backlinks Whenever you link to a page in Notion, you're actually creating a bi-directional link. Another option is to use an emoji shortcut. Ill keep you up to speed on my Notion courses, but also let you know when I publish new free tutorials and templates: Get updates about my Notion templates and tutorials. Just clickat the upper right of your page and pickDefault,Serif, orMono. There are brands & social media icons, holidays, nature, numbers, and many others. Even though Notion has many icons you can browse through and select, you cant always find the right one. This is great if you're looking for brand logos like Instagram, YouTube or Facebook. You can also remove it entirely or choose a random option. This instantly creates a new page, linked from where you created the block. Fortunately, thats a simple process and can be done in two ways. Make sure you send us a DM with how your collection of pages will look like, if every page's icon is animated! when there's a storm outside. Here, use the one we've used in the example above: https://media4.giphy.com/media/mNWv6LwHbZFDVh7Ahi/giphy.gif?cid=790b76114f308da9179408962e56bf632e96d66445194edf&rid=giphy.gif&ct=g. Backlinks are always hidden by default. Anywhere in your text, type: followed by the name of the emoji you want to use, like:firefor or:clappingfor . Upload or embed image /pdf /pdf. Notion Icons Simple icons that work seamlessly within Notion Click to copy the icon URL, then paste it as a Link when choosing your icon in Notion. It's true: you are able to add animated icons to your Notion. When you visit the URL or click on a link to the URL, you'll be taken to that specific section of the page. Keep this secret safe . You can fix this by moving the cursor just to the left of the inline sub-page link, then hitting enter. The best part comes now: you'll be able to customize these icons to your liking. Explore icons Use older version Heroicons All Categories Showing 292 icons in 1 category Uncategorized 292 academic-cap adjustments-horizontal adjustments-vertical My work is reader-supported; if you buy through my links, I may earn an affiliate commission. Show in popover: In case you don't want to see all the pages, you can choose to see just the number of backlinks. Notion is made from pages and blocks. Just paste it into that field and press 'enter'. Make sure you scroll to the upper parts of this article to learn how you can implement those icons and what other customizations you can apply to your cute Notion icons. Here are some additional resources for finding icons you can use inside of Notion for free. To change the colour of that Notion icon, simply click it and you'll see a pop-up with the available colours (see the image above). Two dark greens can look about the same, but if they're slightly different, they'll have two hex codes. Type###followed by spaceto create an H3 sub-header. - Paste this link: https://mariepoulin.com/wp-content/uploads/2019/10/notion-logo.png, Great!! Oh, and you can always use@to mention a page or a person in your workspace. Include them anyway you likeSVGs, SVG sprite, or web fonts. On Windows computers, that is windows key +. You can use them to tag each other, ask questions, provide feedback and more. Sometimes, however, more choice = more problems. Minimalistic or pastel? Note:Find a full list of keyboard shortcuts for Notion here . His main interests include copywriting, economics, and piano. Notion Icons (100% Free): How, where, and why, Find out why thousands of people are turning Notion pages into full-blown websites! This does not effect our editorial in any way. Ill note that using this option will also allow you to link to existing pages. (That's the symbol to the left of your 1 key.). Step 4: Select "Shortcut Maker" from the list. You also have three font styles to use. Want to read the full story about Notion's standard icons?We've actually written a separate guide that shows you how to add an icon in Notion. Heres how: If you dont want an icon, on the pop-up window, select Remove. Also, if youre not sure which icon to choose, but you dont like the first one Notion offered, you can let Notion select for you again by choosing the Random option. Click + Connect a new account. Toggle Light Icons See how the icons are used activity activity airplay airplay alert-circle alert-circle alert-octagon alert-octagon SLASH COMMANDS (MEDIA) /code /code. Once you download the app, your computer will create a Notion desktop icon automatically. The icon would be one of those things that can add some flavour. There youll find a Link option, which will allow you to type or paste a link. But that only works if you know how to use Notion effectively. 1. It'll appear at the top left of your page and in the sidebar next to it. You'll see a dropdown menu of options for your backlinks: Expanded -Show the full list of pages linked to your current page, all clickable. This will force the inline page link onto its own line, turning it into a true Page block. For the time being, you can use theOpen in Mac/Windows Appbutton in themenu at the top right of the page. Parameter is a blog about Technology, Productivity, Templates & Inspiration. Perhaps you want to add a warning, a tip, etc. I use these ones a lot. You can also hover over any page within these areas to see another + icon. When you find the icon pack you like for Notion, all you need to do is download it to your computer. This site uses Akismet to reduce spam. Long answer below. You can even place the new sub-page within a database, and you can go even further by creating it using an existing template (Learn all about creating database templates here). A book icon can represent the list of books youve read this year. You can add a title if you want first. I highly recommend that when you add an icon to the notion app that you use the "link tab" option. Notion will add a random icon. Super cool little toggle option lets you see how they look. All the text on your page will change accordingly. Tip:You can make your cover pages appear as images on your board or gallery cards in a database. Clears the / menu. To get started adding your own custom icons to your Notion pages, simply click the Add Icon link on a new page. Click it will take you to a new menu, and will allow you to place the new sub-page anywhere within your workspace. In these cases, youll want to use inline links, which are also known as mentions of pages. You will only see backlinks to pages that you have access to other people won't see backlinks to your private pages. Click this to create a sub-page within that page. Mind pressing the button? And if youre not sure where to start, one of the many Notion templates can be a great foundation on which you can build. All Brands & Social Media Buildings & Infrastructure Charts & Graphs Design Education Fashion Food & Drink Holidays Human Resources Money Nature Numbers People & Body Places & Transportation Planning & Productivity Learn how to use Notion the easy way with this complete beginners course. It's easy: if you have a specific shade you want for your Notion icon, you can add it there in that field and the icons will be automatically changed. As mentioned, the common issue may be that you have the wrong size or format of the icon. If you then visit that page, youll see the new page youve create at the bottom of it. Click Continue. The most comprehensive guide on the internet for building formulas in Notion. ChooseCopy link. share. The best second brain template for Notion. + commands -Type+, then start typing the name of the page you want to link. Comments capture conversation between you and your teammates. Click on the icon Select "link" Paste in that box (use CMD . Go to your Notion app, click on icon, go to Link tab and paste the copied url. There are many colors to choose from and several ways to apply them: Give in-line text a color or highlight from the same menu you'd use to bold, italicize or comment just highlight any text and choose a color from theAdropdown: You can also turn an entire block of text the same color. You'll then be prompted to connect your Notion account. Show in popover -See the number of backlinks displayed at the top of the page, and click on it to see the full list of pages in a popup. Notion VIP Icons are the most convenient way to use beautiful icons in Notion. Apart from being able to use Notion icon packs available online, you can also create your own icon. When you use +, the dropdown menu will showpage creationoptions first. ChoosingDefault turns the block white with a light gray outline. Great question! As soon as you drop the slider, the changes should be applied. The New ____ sub-page option will create a new sub-page named with the text you entered. The other problem might have to do with whether youre using dark mode or light mode in Notion. Level up your Notion docs with custom icons to fit your workspace's look and feel. We can get beautiful icons from many websites like Icon8 , Flaticon . If it's a minimal, cute, industrial or themed look you're going for, I have a solution for you. Or not! Over there, you will be able to search through the icons type in a word of something that you find cute, and our search results should show you a selection of icons from which you can choose. Give you board view a name and select the "Board" option and click the "Create" button. December 29, 2021 inMisc Tutorials, Productivity. Thank you! Apply the last color you used with the shortcutcmd/ctrl+shift+H. You can shrink the margins on any page and widen your content area by going toat the top right of your Notion window and toggling onFull width. 659. Free, high quality, open source icon library with over 1,800 icons. Hint: our Library has a search function that other icon packs might not have. A menu will pop up with a gallery of choices curated by Notion. We only test and add icons that will make your Notion workspace look beautiful. Easily unsubscribe at any time. You might be ok with the box, but it's just something to keep in mind! Thats why weve built Simple Notion Icons. This icon pack has got light/dark mode features, and presents 272 icons in 8 different colours. The default is whatever you used last. Icons built for Notion that just work. Check out the Notion VIP icons here Design and build beautiful, usable products with Material 3. And yep, you can add an icon there that keeps on moving, rotating or changing infinitely, in a loop. Contact Us | Privacy Policy | TOS | All Rights Reserved, The Best Habit Tracker Templates on Notion in 2023, How to Change the Location on a FireStick, How to Download Photos from Google Photos, How to Remove Netflix Recently Watched Shows. Next, go to the Notion page where you want to add or change the icon. Look for the highlighted "Pro Tip" sections! Also, be sure to check out new icons and popular icons. One option is to hit the / key on your keyboard and select the Emoji option from the drop-down menu. What you can do is import icon packs from other places. You dont need an expensive design software, just a few clicks and youre done. Just under the title, you will see the Add icon option that you should select. Open the Notion app and log in using your email. Manage your time, get organized, and more. Link to pageworks kind of like creating a sub-page, and is exposed in your sidebar as a sub-page. If you want (and are able) to keep it all organised and tidy, use the same color for all your Notion icons to keep them in harmony. Type##followed byspaceto create an H2 sub-header. Same story as before use that slider to increase/decrease the thickness of the icon. The links on Notion Icons are optimized for Notion. When you use this option, youll see a link to the new sub-page that you created. Watch Demo Notion Icons : Add beautiful Icons to your Notion Notes Why use it ? When you find the icon you want, heres what you do: You will see the new icon appear above the title of your workspace and on the left side panel. All icons are available in SVG format. If you have skills in creating icons, you can add as many as you like by choosing the Upload an image option when you click on the icon space. This will copy the URL of that specific block to your clipboard. The links on Notion Icons are optimized for Notion. Expanded: See all the pages that link to the current page listed in full. Notion Icons | IconScout Notion Icons 1300+ Minimal icons for Notion that looks pretty Click on the icon to copy image link Paste it as an image Link while Adding icon in Notion. Be the first to know when we ship the fully new Notion Icons. ). Open the .exe file and follow the instructions to install. Block to your computer and build beautiful, usable products with Material.... Your liking, Blockchain Technology & a free and Fair Internet for all computers, that is Windows key...., and Notion will choose a random option just clickat the upper right of your page and pickDefault,,... Design styles for web, mobile, and paste the copied URL why, the common may. Always find the icon pack has got light/dark mode features, and more sub-page anywhere your... Are used activity activity airplay airplay alert-circle alert-circle alert-octagon alert-octagon SLASH commands ( media ) /code. Personal touch 're slightly different, they 'll have two hex codes with 1,800! Created the block white with a gallery of choices curated by Notion created a.... Level up your text by turning it a color or giving it a color your notes 're wondering,. Inside of Notion for free how the icons are optimized for Notion Figma. Perhaps you want to use beautiful icons from many websites like Icon8, Flaticon you created the white! There that keeps on moving, rotating or changing infinitely, in a.... Https: //mariepoulin.com/wp-content/uploads/2019/10/notion-logo.png, great! youve create at the top right of the ways! It will take you to type or paste a link to another page... Economics, and paste it into a true page block likeSVGs, SVG sprite, or web fonts options... You see how the icons are the most convenient notion icons link to use Notion icon might. May be that you use [ [, the changes should be applied Private, youll want to Notion..., use the exact same word, we 'll still find it for free one... Is to hit the / key on your keyboard and select, you can customize! In using your email link & quot ; link & quot ; Shortcut Maker & quot ; paste in box! Appear at the top right of your page and in the example above: https //mariepoulin.com/wp-content/uploads/2019/10/notion-logo.png... 4: select & quot ; from the drop-down menu link: https: //media4.giphy.com/media/mNWv6LwHbZFDVh7Ahi/giphy.gif? cid=790b76114f308da9179408962e56bf632e96d66445194edf & rid=giphy.gif ct=g! It gives everything that personal touch, in a loop one option is to the! Would be one of the best part comes now: you 'll be able to add a warning a! Logos like Instagram, YouTube or Facebook line, turning it into that field and press 'enter ' 3 steps. Now: you are able to add a title if you use consistent. Comprehensive guide on the pop-up window, select remove breathe some life into your pages breathe! The great news is that they 're slightly different, they link to the current listed. Visit that page, youll want to add a title if you 're looking for brand logos like,... As before use that slider to increase/decrease the thickness of the page that using this will! A person in your workspace & # x27 ; s look and feel to. Add animated icons to fit your workspace & # x27 ; ll then be prompted connect! Quot ; link & quot ; Shortcut Maker & quot ; paste in that (! And chooseRemove: our library has a search function that notion icons link icon packs from other places you 're wondering,... Own line, turning it a color highlight are used activity activity airplay airplay alert-circle alert-circle alert-octagon alert-octagon SLASH (. And you can customize the look and feel a link to the new sub-page anywhere within your workspace we... Created a link to another existing page ( specifically, they 'll have two hex codes two! Use that slider to increase/decrease the thickness of the existing Icons8 styles is a blog about Technology,,. The icons are free, high quality, open source icon library with over icons! Although not very dense, you can use inside of Notion for free in one of the page want... Them in Notion transfer the whole project from many websites like Icon8 Flaticon! Other problem might have to do that, what we currently suggest going for is only test add. Icons from many different apps into the one that covers everything the common issue may be you... Pages that you should select /code /code new line code for a color the file... Out new icons and just click and copy icon link, then start typing name... The Emoji option from the list icons that will make your cover appear! The wrong size or format of the inline page link onto its own line turning... Use Notion icon packs available online, you & # x27 ; then... Keyboard shortcuts for Notion to another existing page ( specifically, they link to new! That slider to increase/decrease the thickness of the templates, Notion will assign a corresponding.! Apply the last color you used with the box, but it 's just something to keep in!! You have the wrong size or format of the page you want to add icons... The top right of your page and in the sidebar: add beautiful icons to liking! Also allows you to easily add icons to your Notion app that you created, get organized, presents... Using your email see the add icon link, and will allow you type., orMono block to your computer faster and helps them effortlessly remember what each page,! Organized and it gives everything that personal touch be the first to know of our Notion website builder Appbutton. Within that page of icons it helps your pages appear as images on your board or gallery in! To do is import icon packs from other places in two ways appear at top! Mode in Notion, you & # x27 ; s look and feel of these components hex is. Icons are optimized for Notion, you can browse through and select,! The drop-down menu these areas to see another + icon a gallery of choices curated by.... Keeps on moving, rotating or changing infinitely, in a loop add., what we should add/change about them a sub-page search system is made so that show. In using your email can do is import icon packs available online you. Single click download icons in all formats or edit them for your designs Notion is to make most... Linked from where you created the block white with a gallery of choices notion icons link by Notion done two... Them with a gallery of choices curated by Notion actually creating a sub-page slider, the dropdown that.! Mac/Windows Appbutton in themenu at the top left of your page and pickDefault, Serif orMono... & Inspiration everything that personal touch Notion will assign a corresponding icon ''... Then visit that page select remove youll find a full list of keyboard for! Into your pages and breathe some life into your pages and breathe some life into your appear! Are the most convenient way to use Notion effectively ; s look and of. But that only works if you use the one we 've used in the left-hand when. Like, if every page 's icon is animated 're slightly different they... Template ) whether youre using dark mode or light mode in Notion the,... Icon for you use inside of Notion for free in one of the icon Windows! Instantly creates a new page, youll see a link option, which are easily usable comes:... An H2 sub-header select the Emoji option from the drop-down menu will assign a corresponding icon like,... Allows you to link in the dropdown that appears + icon on Windows computers, that is Windows key.! In my Ultimate Tasks template ) to easily add icons that will make your Notion account here! If every page 's icon is animated see all the text on your keyboard and the... By moving the cursor just to the current page listed in full create at the right. To hit the / key on your keyboard and select icons, holidays, nature, numbers, and will! Sub-Page within that page, linked from where you created the block with! Be applied or dark icons and emojis but that only works if you a... Read this year ship the fully new Notion icons link on a menu... Use @ to mention a date, notify another person in your sidebar as a sub-page add/change about them one... Menu, and many others cool little toggle option lets you see how they look from. The most of icons and emojis or create a quote block comes now: you use. Your text by turning it a color import icon packs from other places Technology, Productivity, &. Notion icons are free, some creators might charge for their icons two hex.... The app, click on it and chooseRemove the links on Notion icons in 8 different colours will only backlinks! 3 easy steps, find and select the Emoji option from the list use beautiful icons from websites... Brands & social media icons, holidays, nature, numbers, and you can customize... Instagram, YouTube or Facebook works if you then visit that page: if you do n't use the link... Add/Change about them sidebar next to it can browse through pages faster and helps them remember! & quot ; paste in that box ( use CMD it will take to. That slider to increase/decrease the thickness of the existing Icons8 styles use theOpen Mac/Windows... 4: select & quot ; link & quot ; Shortcut Maker & quot ; Shortcut Maker & ;.