How to Add Icons Within Notion Text: A Step-by-Step Guide

Learn how to add icons within Notion text to enhance your note-taking experience. Follow our step-by-step guide for easy implementation.
Notionry
We ♥ Notion
Header image

New to Notion?

Check out Notion's new template marketplace and find the perfect template for your needs!

How to add icons within Notion Text

Icons can be a great way to enhance the visual appeal and organization of your content within Notion. With the ability to add icons directly within text, you can create visually engaging and informative notes, documents, and even task lists. In this article, we will explore the different methods you can use to add icons within Notion text.

Method 1: Using Emoji Shortcodes

Notion has integrated support for Emojis through the use of emoji shortcodes. By typing a special code, you can easily insert Emojis into your text. Here's how to do it:

  1. Open Notion and navigate to the page where you want to add an icon within text.
  2. Click on the Text block or create a new one by pressing "/" and selecting "Text."
  3. Type a colon (":") followed by the name of the emoji shortcode. For example, to add a thumbs-up emoji, type ":thumbsup:". Notion will provide suggestions as you type.
  4. Press Enter or Space on your keyboard to convert the shortcode into the respective emoji.

Example:

This is an example of how to add a :thumbsup: emoji within Notion text.

Method 2: Using External Icon Sources

Notion also allows you to use external icon sources, such as Font Awesome or Material Icons, to add icons within your text. This expands your options beyond just Emojis. Here's how to do it:

  1. Open Notion and navigate to the page where you want to add an icon within text.
  2. Click on the Text block or create a new one.
  3. Visit the website of the icon source you want to use. For example, Font Awesome or Material Icons.
  4. Search for the icon you want to use and copy its code or name.
  5. Return to Notion and paste the code or name within the Text block.
  • Note: This method might not work if the icon source requires special integration or access privileges.

Example (Using Font Awesome):

This is an example of how to add a Font Awesome checkmark icon within Notion text: <i class="fas fa-check"></i>

Method 3: Using Notion's Built-in Icon Library

Notion provides a built-in icon library that you can access and use directly within the editor interface. This library offers a decent selection of icons suitable for various purposes. Here's how to use it:

  1. Open Notion and navigate to the page where you want to add an icon within text.
  2. Click on the Text block or create a new one.
  3. Place your cursor where you want to add the icon.
  4. Type a forward slash ("/") followed by the name of the icon you want to use. Notion will provide suggestions as you type.
  5. Use the arrow keys to select the desired icon and press Enter to insert it.

Example:

This is an example of how to add the checkmark icon using Notion's built-in icon library: /check

Conclusion

Adding icons within Notion text can greatly enhance the visual appeal and clarity of your notes, documents, and task lists. By using emoji shortcodes, external icon sources, or Notion's built-in icon library, you have various options to choose from based on your preferences and requirements. Experiment with different icons to find the ones that best suit your content and make them stand out within Notion.

Did this page help you?
Share this post