Add icons in the Components Editor
The Components Editor enables you to add icons to your page - for example, to indicate that a link is to a PDF document, to draw attention to email addresses or important information, or to add social media logos such as Facebook and Instagram.
Note: These icons are treated by SiteBuilder as purely decorative, and will not be visible to users browsing with assistive technologies such as screen readers. In order to comply with accessibility guidance, make sure that any important or required information is also included in the text of your page.
-
Browse to the page where you want to add an icon.
-
Go to Edit > Edit centre content:
-
Place the cursor where you want to add an icon.
-
Go to Icons/buttons > Icons:
Alternatively, select an existing icon on the page and select Settings in the toolbar that appears:
-
The Icons pop-up appears:
-
At the top of the pop-up is a row of common file type icons you can quickly select.
Tip: You can also add a document icon directly to text links when creating a link.
-
If you Need something else, enter a search term in the box to display icons that match:
-
Select the icon you want from the options presented, or alter or refine your search.
-
Optionally, select the Flip horizontal or Flip vertical checkboxes if you want to mirror the icon's appearance in one or both directions.
-
You can make the icon up to 5 times larger by selecting an option from the Icon size drop-down list.
-
Optionally, change the orientation of the icon in 90-degree increments by selecting an option from the Rotate icon drop-down list.
-
Select Add icon.