Compatibility:
WebSite X5 Evo and Pro
Icons are light and easy to load, that's why they are perfect for pages and App which need to be leaded quickly and adapt to different devices. With Icons8's Windows 10 icon set, you can create modern and efficient elements for your project. See what you can achieve with this Object in the Preview page, or check it out in the Tech Deals Template.
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 Icons8 Win10 Object you added on the page to open the settings window.
- Use the Icon menu to choose and select the icon to use. By clicking the
button, you can add a Title and an Alternative Text useful for accessibility as well as SEO optimization (see Image accessibility: the importance of alternative text). - Define the Icon Color.
- Set the Object Size in pixels and the Icon Size as a percentage relative to the overall size.
- Set the Background Color of the object: if you choose a colored background, you can also adjust the corner radius to get rounded edges.
- Choose whether to apply a Hover Effect.
- 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 Icons8 Win10 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, the Vivid Icons Object, the Phosphor Icons Object and the OpenMoji Icons.