How do I add an icon and text?

Modified on Mon, 15 Jun at 4:13 PM

The Icon and Text block allows content creators to pair an icon with text to visually organize information and draw attention to key content. Icons are processed faster than plain text, helping learners quickly identify important or recurring concepts. Icon titles are read by screen readers, supporting accessibility for keyboard and assistive technology users.


  1. Navigate to the page and select Edit this Page. Find the position where you want to add a block and select the plus (+) icon.
    Screenshot of a blank content page in Edit mode.

  2. From the dropdown, select Add Block.
    Screenshot of a pop up menu that prompts users to Add Block, Paste from Clipboard, and Add Boilerplate Template

  3. In the Add Block modal, either:
    • Use the Search field to find a block by keyword
    • Select a block from your custom list of Favorites
    • Scroll through the list of All Blocks to select one
    • Use the various Categories to filter by block type
    • Select a star icon to add or remove blocks in your Favorites listscreenshot of add block with the icon and text block showing

  4. Select the Icon and Text block. The Add Icon and Text form will open. Select the Select an icon field.
    icon and text blank form
  5. The File Manager will appear, displaying the icons associated with the course. Select the checkbox for the desired icon. The Add Icon and Text form will reappear with the chosen icon.
    file manager showing the course icons
  6. Add or modify the Enter text field as needed and then select Add Block+.
    icon and text with the icon selected and text field complete 
  7. The new block will appear on the page in Edit Mode with a red, dotted outline indicating it's editable.
    icon and text block in edit mode


  8. Select the Publish My Edits button to save the block to the course page and see the content as it will appear to learners.
    icon and text block published on the page


Default Text

Each icon can be configured with default starter text, allowing administrators to establish consistent language across icons. This default text can be customized by users with the System Administrator or Graphic Designer global role.
sample default text for a reading icon

Example of default starter text for a reading icon.

sample default text for a video icon

Example of default starter text for a video icon.

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons

Feedback sent

We appreciate your effort and will try to fix the article