This article explains how to use the icons block in the drag and drop editor.

With the icons block, you can build your own collection of icons, which you can access anytime you create a campaign. While it looks somewhat similar to the social block, the icons block lets you access your image library to upload your own images to use as icons.

	In This Article
	Adding the Icons Block Editing Icons Deleting and Re-Ordering Icons Icons Properties Additional Resources

Adding the Icons Block

1. Navigate to your Campaigns tab.
2. Open a saved drag and drop draft or click on the Create new campaign button to create a new campaign from scratch.
3. Click on the Icons block in the right panel and drag it to the desired location in your mailing.
4. Click on the block to open the Icons Properties panel.
5. Click on the Add new icon button to add a default icon.
6. To customize your icon, click on the Change image button and select an image from your library.

Editing Icons

To edit an icon, click on the Apply effects button in the panel on the right. This will open the same editor that you use to edit images.

You can also click on the More options toggle to adjust the alt text, icon text, link type, URL, and link target. Below the "Add new icon" button, there are settings to adjust font family, weight, size, and color, as well as text alignment and letter spacing. Further down, there are settings to adjust the icon size, spacing, and padding; click on the More options toggle to adjust the padding for each side of the icon individually. Finally, at the very bottom, there are options to adjust the whole block's padding (again, click on the More options toggle to adjust the padding for each side of the block individually) and to hide the block on desktop or mobile.

Deleting and Re-Ordering Icons

To delete an icon, click on the Delete link for that icon in the Icons Properties panel on the right. You can delete the whole block by clicking on the trashcan icon in the blue toolbar that appears above or below the block when selected.

To re-order your icons, click on the set of four lines to the left of the icon in the Icons Properties panel and drag the icon up or down.

Icons Properties

Here are the block settings that are found in the Icons Properties panel.

Setting	Function
Icon image	Changes the icon image. Click on the Change image button to open the image library.
Apply effects	Opens the image editor. Click on the Apply effects button.
Icon order	Changes the order of the icons. Click on the four stacked lines next to an icon and drag it up / down to change its position.
Icon alt text	Controls the alternate text of the icon. Click on the More options toggle for each icon to edit their alt text.
Icon text	Controls the text associated with an icon. Click on the More options toggle for each icon to edit their text. Use the "Text position" dropdown menu to choose whether the text should be above, below, left, or right of the icon.
Icon link type	Controls the type of link behind the icon. Click on the dropdown menu to choose from a webpage, email, telephone, or SMS link.
Icon URL	Controls the URL behind the icon.
Link target	Controls whether the link will open in a new tab or redirect the current tab. Click on the dropdown menu to select an option.
Link title	Controls the title of the link behind the icon. Click on the More options toggle for each icon to edit their title.
Add icons	Add additional icons from your image library.
Font family	Click on the dropdown menu to choose a font.
Font weight	Click on the dropdown menu to choose a font weight.
Font size	Use the plus and minus signs to choose a font size.
Text color	Click on the color swatch to choose a text color or highlight the hex code and type in your own.
Align	Controls whether the icons are left, center, or right aligned.
Letter spacing	Changes the amount of space between each letter.
Icon size	Controls the size of the icons.
Icon spacing	Controls the amount of space between each icon.
Icon padding	Controls the amount of space on all sides of each icon. Use the plus and minus signs to adjust the padding to your liking or click on the More options toggle to adjust the padding for each side individually.
Block padding	Controls the amount of space around the whole block. Use the plus and minus signs to adjust the padding to your liking or click on the More options toggle to adjust the padding for each side individually.
Hide on	Click on the desktop icon to hide the block on desktop devices. Click on the smartphone icon to hide the block on mobile devices.

Additional Resources

• Drag and Drop Editor: Content Tab
• Legacy Editor: Content Blocks
• How to Use the Social Block
• How to Use the Image Block and Its Image Editor
• How to Use the Image and Document Libraries

---

*In April 2022, Emma's legacy editor was replaced with a new drag and drop editor. Accounts that existed prior to this change still have access to the legacy editor through their previously saved templates and campaigns, however new, from-scratch campaigns can only be created in the new drag and drop editor. Accounts that were created after this change only have access to the new drag and drop editor. Please refer to our new editor FAQ article for more information.