Content Controls
Content
This section allows you to select and customize the main features of your icon, including its design, rotation, and hyperlink functionality, ensuring it aligns perfectly with your site’s aesthetic and functional requirements.
- Icon – Choose the specific icon you wish to display from a range of options.
- Rotate – Adjust the orientation of your icon by rotating it to your desired angle.
- Link – Assign a URL to your icon, making it clickable and interactive for users.
Design Controls
Icon
These controls let you fine-tune the appearance of your icon, including its color, size, style, and even the finer details of its edges and background, ensuring a cohesive fit with your brand’s visual identity.
- Color – Select a color that fits your design scheme for the icon.
- Size – Resize the icon to ensure it fits perfectly in your layout.
- Style – Choose from different styles (e.g., solid, outline) to change how your icon looks.
- Corners – Decide on the corner style for your icon (only available when the style is solid or outline).
- Radius – If you prefer rounded corners, specify the curvature’s radius (only available when corners are set to custom).
- Padding – Add space inside the icon’s boundary, affecting its overall thickness (only available when the style is solid or outline).
- Background – Choose a background color for your icon (only available when the style is solid or outline).
- Border – Select a border color for your icon (only available when the style is outline).
- Outline Width – Specify the thickness of your icon’s outline (only available when the style is outline).
- Nudge – Make micro-adjustments to your icon’s position (only available when the style is solid or outline).
- X – Nudge your icon horizontally.
- Y – Nudge your icon vertically.
Spacing
Control the space above and below your icon, helping to visually separate it from other elements on your page and ensuring a balanced, uncluttered layout.
- Margin Top – Add some space above your icon to create a cleaner look.
- Margin Bottom – Insert additional space below your icon to avoid a cramped appearance.
