Incorporating Custom Icons into your Duda Website
Website icons are a great way to represent information in a condensed, low file size format. They can be used for illustrating services, highlight
Duda offers a great range of included icons straight from the icon widget that can be dragged and dropped straight into a page. All the standard ones are there for a great selection of industries, but what about those professions that may not be covered, or perhaps unique specialty services that need to be represented?
For example, let's take a tropical travel booking site. Sure, you may be able to use some of the stock standard icons that Duda provides, but what about if you wanted to add a splash of colour for an authentic feel that matched your brand and feel of your site?
Well that's where custom icons come in. The example icons below would be a fantastic way to brighten up a page, as well as proviing some quick clickable points to direct website viewers to the information they need to access.

So what's the difference between using image based icons and SVG icons?
Image-based icons, whether in jpg or png format are the same as photos, increase the size too much and you start to get pixelation of the image, making them grainy which can detract from the user experience.
This is opposed to SVG icons which are essentially a HTML file that is scable to any size
The default icons that you find in the Duda widget feature are all SVG icons. This means that they can be scaled to any size without losing their quality and