-
What icons are you planning to use? Please be more specific and stay on topic. Each icon pack has its own way of being implemented, and without knowing which one you’re referring to, it’s difficult to suggest the right approach.
There’s a module called Font Awesome Pro : https://unacms.com/view-product/font-awesome-pro that can be applied, but it can also be modified to support a different icon pack if needed. Just let me know which icon pack you’re interested in, and when I have some time, I’ll take a look at how to adjust the implementation for it. Since every icon library uses a different integration method, it’s important to clarify this first before coming up with a proper solution.
In theory, it’s possible to apply any icon pack, but it takes a bit of work to make it happen. Some adjustments will be needed depending on how the pack is structured and how it should be integrated into the existing setup.
It’s also possible to apply a patch directly over the base icon pack. This way, you can override or extend the existing icons without fully replacing the entire implementation. However, it still requires some careful adjustments to make sure everything integrates properly.
But if you just want to replace a specific icon, the simplest way is to go directly to the main icon file and swap it with your own. As long as it’s compatible, it should work without any issues. That’s the quickest and easiest method.
For example, this is the default icon in UNA:
<svg class="sys-icon sys-icon-svg" xmlns="http://www.w3.org/2000/svg" width="24px" height="24px" fill="currentColor" viewBox="0 0 256 256"><path d="M192,112a80,80,0,1,1-80-80A80,80,0,0,1,192,112Z" opacity="0.2">path><path d="M229.66,218.34,179.6,168.28a88.21,88.21,0,1,0-11.32,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z">path>svg>
eIf you just want to replace this one, the easiest way is to go directly to the main icon file and swap it with your own SVG code. As long as your icon is compatible, it should work without problems. Clear your cache afterward and you’ll see the new icon in place. That’s the quickest and cleanest solution.
Also, you can go to
studio/builder_menu.php?page=items&module=system&set=sys_site
, click on the menu item search button edit, and upload your custom icon there. It’s another easy way to replace icons without modifying the core files directly.For the Icon section, you can either use a font icon, SVG, or emoji code. You can also select a file or upload a small image to be displayed next to the link. This provides flexibility in customizing the icon appearance.