Working with the Icons signature element

Description

The Icon element allows you to add a variety of image icons to your signature. These can be useful for labeling other elements, adding hyperlinks, or using as decorative elements.

How to access it

Open your signature in the Signature Designer.
For more information, see how to select a signature to edit.
From the toolbox, expand Image & Icons and select the required Icon.

_{The Icon element options are found in the Images & Icons section.}

Select an option below to view the related instructions:

Adding an Icon element

To add an Icon element to the signature:

Choose an Icon from the toolbox. Drag and drop the Icon element onto the canvas.
Tip! If you want to use an icon that is not in our pre-defined collection, see How to add a custom icon.

_{Drag the Icon to any area of the canvas.}
To add a hyperlink to your icon, select the icon then, under Hyperlink properties in the Properties pane, enter your URL in Destination URL.

Deleting an Icon element

To remove an Icon element:

Select the element on the canvas.
Select Delete from the Properties pane.

_{The Delete button is found in the Properties pane. You may need to close Properties sections to view it.}

Defining icon properties

You can edit the following properties in the Properties pane:

Label Icon properties

Label Icon properties are used to determine the appearance of the icon.

Background	Enter or select the background colour of the item. Enter transparent to set no background. You can either enter a color code or select the required color using the color picker. Brand Color 1 and Brand Color 2 appear in the color picker and contain color choices set on the Brand Kits screen. If you change these colors on the Brand Kits screen, your elements set to Brand Kit Colors will automatically update to the new color choice.
Foreground	Enter or select the foreground colour of the item. You can either enter a color code or select the required color using the color picker. Brand Color 1 and Brand Color 2 appear in the color picker and contain color choices set on the Brand Kits screen. If you change these colors on the Brand Kits screen, your elements set to Brand Kit Colors will automatically update to the new color choice.
Width	Enter a pixel (px) or point (pt) value to set the width of the item. Set to auto to allow the item to automatically adjust based on viewer size.
Height	Enter a pixel (px) or point (pt) value to set the height of the item. Set to auto to allow the item to automatically adjust based on viewer size.
Corner Radius	This option is not valid for Icons.

Hyperlink properties

Hyperlink properties are used to apply a hyperlink to the image.

Destination URL	Enter the URL to use in the hyperlink.
Alt Text	Enter alternate text to be shown if this image cannot be displayed.

Visibility properties

Visibility properties are used to adjust when the item appears.

Always visible	Select to ensure the item is always visible in the signature.
Auto-hiding separator	This option is not valid for images.
Visible when	Select to set conditions under which an item becomes visible.

Alignment properties

Alignment properties are used to determine the horizontal and vertical alignment of the item.

Horizontal	Select Left, Center, or Right to set the horizontal alignment.
Vertical	Select Top, Center, or Bottom to set the vertical alignment.

Border properties

Border properties are used to set borders on the item.

All	Check All the same to enable the All border properties. Select line style, line width, and line colour to apply to all sides of the item. Brand Color 1 and Brand Color 2 appear in the color picker and contain color choices set on the Brand Kits screen. If you change these colors on the Brand Kits screen, your elements set to Brand Kit Colors will automatically update to the new color choice.
Left / Right / Top /Bottom	Uncheck All the same to enable individual border properties for Left, Right, Top, and Bottom. Select line style, line width, and line colour to apply to each side of the item.

All

Check All the same to enable the All border properties. Select line style, line width, and line colour to apply to all sides of the item.

Brand Color 1 and Brand Color 2 appear in the color picker and contain color choices set on the Brand Kits screen. If you change these colors on the Brand Kits screen, your elements set to Brand Kit Colors will automatically update to the new color choice.

Left / Right / Top /Bottom

Uncheck All the same to enable individual border properties for Left, Right, Top, and Bottom. Select line style, line width, and line colour to apply to each side of the item.

Padding properties

Padding properties are used to define spacing for the item.

All	Check All the same to enable the All padding properties. Enter either a pixel or point value to apply padding to all sides of the item.
Left / Right / Top /Bottom	Uncheck All the same to enable individual padding values for Left, Right, Top, and Bottom. Enter either a pixel or point value to apply padding to each side of the item.