What is the Icons element?
The Icons element allows you to add vector-based icons or simple illustrations to your email design — fully aligned with your brand colors.
It’s part of Chamaileon’s External elements, meaning the content is pulled from a 3rd-party icon library and embedded directly into your email design as inline SVGs.
Icons can be used for visual accents, section markers, feature highlights, or to reinforce your message in a subtle, on-brand way.
How to add an icon
In the Elements panel, scroll down to the External section.
Drag the Icons element onto your email design canvas.
Click the icon placeholder to open the Icons settings panel.
Video tutorial
🎥 Watch how to add and customize icons in your email design:
Icon customization options
In the Icons modal, you can search, style, and customize your icon before applying it to your design:
🔍 Search icon by name
Type a keyword (for example: diamond, arrow, heart) to find matching icons from the available library.
Select icon type
Choose from multiple icon libraries, such as Material Design Icons, depending on the style you want to achieve.
Style
Pick an icon style variation — for example, sharp, outlined, or rounded — to better fit your design.
Icon color
Select your brand color from the color picker or choose any custom color.
You can also apply predefined theme colors (like primary-darker), ensuring consistent design language across emails.
Icon size
Use the slider to adjust the icon size (in pixels).
Icons remain crisp and sharp at any size, as they are vector-based (SVG format).
Tips for using icons effectively
Keep it minimal: Use icons sparingly to support — not overwhelm — your content.
Stay consistent: Stick to one icon style (e.g., all sharp or all outlined).
Brand harmony: Use your brand’s primary or accent colors for icons to maintain visual coherence.
Accessibility: Ensure the icon complements text meaningfully; avoid using icons as the only indicator for key information.
Example use cases
Highlighting product features in a 3-column section (💡, ⚡, 🔒).
Replacing bullet points with icons for a more visual list.
Adding a decorative accent next to a title (As seen in the video tutorial).