About Custom Icons
Custom icons are a powerful tool for enhancing the design and functionality of your website. They serve as visual cues that help users navigate your site more intuitively while adding a personalized touch that reflects your brand identity.
Icons can simplify complex information, draw attention to key actions, and make your page more visually appealing.
Example:
Pick an Icon from Library
Step 1: Drag and drop the Icon or Icon List element onto your page.
Step 2: Click on the icon to open its settings in the left sidebar.
Step 3: Choose an Icon
Navigate to the Choose Icon section in the settings.
Select “System”. You can easily search for a specific type of icon to add to your page.
Pick from the built-in icon library, which offers a variety of pre-designed options.
Step 4: Customize Your Icon
Click on your chosen icon to apply it.
Customize further with the following options:
- Add a Link: Link the icon to a URL, enabling functionality like navigation or calls-to-action.
- Resize: Adjust the size of the icon for better placement and alignment.
- Edit Color & Border: Change the icon’s color to match your design theme.
Upload Custom Icon
Step 1: Drag and drop the Icon or Icon List element onto your page.
Step 2: Click the icon to open its settings in the left sidebar.
Step 3: Choose Uploaded.
Upload your custom icons in SVG format for personalized designs.
All of the uploaded icons will be saved for later use.