WebSite X5 Evo and Pro

Icons can be very useful  in the definition of a page layout. They are light and scalable - which is always good!- they perfectly support the text and, finally, they can be easily converted into clickable buttons. On top of that, the icons included in the Vivid Icons Object are multicolor. You can choose the color for each icon you use, so to perfectly adapt them to your template. Check out some examples on the Preview page and unleash your creativity.

Do you want to find out how Vivid Icons works? Check out this video or keep reading:

Font Icon: what it is and why you should use it

It's as simple as that: an Icon Font is a web font which represents an icon instead of a regular font. Icon Fonts are more and more used in the App and website development because they are:

  • light, they have a small size;
  • vector and scalable with no quality loss;
  • compatible with most browsers and screen readers for blind people;
  • manageable via CSS (Cascading Style Sheets).

How to add an icon

  • Double-click the Vivid Icons Object you added on the page to open the settings window.
  • Use the Icon menu to select the icon to use.
  • Use the available options to set 2 or 3 different colors according to the icon you chose.
  • Set the Object Size expressed in pixels and the Margin expressed as a percentage of the overall size.
  • Define the icon Color and the Object background. If you have a colored background you can set some rounded corners for a better final effect.
  • Add an Effect on mouseover by choosing among the available ones. 
  • You can use the icon as a button by selecting the button and choose the Action you want to be performed on click in the Link window.
  • Click OK when you are happy with the result.

Are you curious to use this Object on your website pages? Install Vivid Icons now

You don't have enough Credits to buy this Object? Check out our Credit Packs. 

#tip - Icons are just the perfect solution for your website design and you want some more? Check out the Font Awesome Icons Object, Icons8 Win10 Icons Object, Phosphor Icons Object or OpenMoji Icons Object.