Skip to main content
Yootheme Pro 2+
Joomla 4/5/6
WordPress 6.3+

Revo Icon Tools for YOOtheme Pro

Revo Icon Tools is a powerful plugin for YOOtheme Pro that expands the possibilities of icon management on your website. It allows you to replace system icons, add new ones, quickly integrate icons of popular services, and change the theme's divider icon without complex code manipulations — all directly in the theme settings.

Buy now
All features

Features

Unlock the full customization potential of the theme's icons with intuitive tools.

22 Replacement Slots

Replacing the YOOtheme Pro system icons (Search, Nav, Accordion, etc.) with your own images.

20 slots for new icons

Upload your icons directly in the theme settings.

24 icons for popular services

Icons for Telegram (plane), YouTube Shorts, Apple Music, Amazon Music, Deezer, VK, IMDb and others in one click.

Theme Divider icon

Replacement of the "Divider" element icon in the theme styles.

Child theme icons

Loading icons from a child theme.

Any formats

Supports SVG, PNG, JPG, WebP and animated icons. Sanitization of SVG for safety.

Replacement of System Icons

  • Ability to replace all standard YOOtheme Pro icons with your own (22 slots) (supports SVG, PNG, JPG, WebP).
  • Special options for the link-external icon — you can switch it back to the classic UIkit version with one click.
  • Replacement of accordion icons (animated, open, close icons).

Registration of New Icons

  • Registration of new icons with custom names in SVG, PNG, JPG, WebP formats.
  • URL binding —automatic assignment of icons to links containing a specific URL.

Icons for Popular Services

  • Social media: Telegram (plane), Wikipedia, VK, OK, Dzen, Max, Linktree

  • Video: YouTube Shorts, Rutube

  • Movies: IMDb, IMDb Frame

  • Music: Spotify, Apple Music (+ Solid, Frame), Amazon Music (+ Solid, Frame), YouTube Music, Deezer, Tidal, ReverbNation, Big Cartel, Bandcamp

Divider Customization

Complete replacement of the "Divider" element icon in the theme styles with your own image, including width and height settings.

Loading from Child Theme

  • Automatic scanning and registration of all icons from the /icons folder of your YOOtheme child theme.

  • Optional integration with YOOessentials — registering icons from the child theme as a collection.

How It Works

Integration: The plugin integrates directly into the YOOtheme Pro Customizer panel. A new "Icon Tools" section appears in the YOOtheme Pro menu.

Replacing Theme Icons: 22 settings slots are available for replacement, each allowing you to select which UIkit icon to replace with your own image. The list primarily includes icons built into your theme style that can be easily swapped.

Theme Style Icons

Accordion

Animated accordion icon
accordion-icon
Open accordion icon
accordion-open-icon
Closed accordion icon
accordion-close-icon

Navigation & Menu

Dropdown parent icon
drop-parent-icon
Navigation parent icon
nav-parent-icon
Large navigation parent icon
nav-parent-icon-large
Navbar parent icon
navbar-parent-icon
Navbar toggle icon
navbar-toggle-icon

Search

Search icon
search-icon
Medium search icon
search-medium
Large search icon
search-large
Search toggle icon
search-toggle-icon

Slider / Carousel

Next slide
slidenav-next
Next slide (large)
slidenav-next-large
Previous slide
slidenav-previous
Previous slide (large)
slidenav-previous-large

Pagination

Next page
pagination-next
Previous page
pagination-previous

Other UI Elements

Close icon
close-icon
Large close icon
close-large
Map marker icon
marker
Overlay icon
overlay-icon
Loading indicator (Spinner)
spinner
"Back to top" button
totop

  • The system icons here are shown from the style of my site, they may be different on your site. This is just a quick demonstration to understand the essence of the task and the capabilities of the plugin.

  • UIkit icons are then listed, grouped into App, Devices, Storage, Direction, Editor, Brands as in the UIkit documentation: https://getuikit.com/docs/icon

  • You select an icon from the list, then upload your new icon and set its default dimensions. The new icon starts working immediately (you can reload the page to verify).

Accordion icon

In UIkit version 3.25.0 (December 2, 2025), the accordion-icon was replaced with an animated one. With the plugin, you can connect your own animated icon or use 2 setting slots to set separate icons for closed and open states (if only one state is set, the icon will not be replaced).
In UIkit version 3.25.6 (January 21, 2026), the link-external icon was updated to a new design. You can restore the previous look with one click.

Current Link external icon

UIKIT 3.25.6+

Classic Link external icon

before UIKIT 3.25.6

Registration of New Icons:

  • 20 ready-to-use slots are available for registering new icons.
  • You enter the icon name and upload your icon.
  • To automatically assign an icon to a URL in a Social element*, you can specify the link.

*Note

For automatic link processing in the Social element settings, you need to set the class setrevoicon.

Registration of Popular Icons

In the popular icons section, you can integrate icons of popular services needed for your project with one click.

Social
Video
Movies
Music

Changing the Theme Style Divider Icon

The divider icon is part of the theme style, not the UIkit icon library, so CSS styles are applied to replace it.

You simply select a new divider icon and specify its dimensions.

Note:

All other Divider settings are inherited from your theme style under Style > Divider. The icon width set there should match the width you specify in the plugin settings for the left and right lines to display correctly next to the icon.

Loading Icons from the Child Theme

If you don't have the Essentials plugin with extensive icon collections but want to quickly integrate your own set of icons, you can use the icons folder in the child theme. The plugin will automatically register all icon names from this folder, including replacing system icons if their names match.

If you later get the Essentials plugin, all these icons can be quickly connected to it as a separate collection via another option in the settings.

Get the plugin right now

Revo Icon tools Joomla plugin

ver. 1.0

€15

Buy now

Revo Icon tools WordPress plugin

ver. 1.0

€15

Buy now

Installation in Joomla

  • Download the plugin package.
  • Install via the standard Joomla extension manager.
  • The plugin activates automatically.
  • Go to YOOtheme Pro -> Icon Tools to configure.

Receiving Updates

Enter the key in the server update settings

Installation in WordPress

  • Download the plugin package.
  • Install via the standard WordPress plugin manager.
  • Activate the plugin.
  • Go to YOOtheme Pro -> Icon Tools to configure.

Receiving Updates

Enter the key in Revo Icon Tools settings

Support

For all questions, comments, and suggestions, you can write to the chat on my website or email help@alexrevo.pw.

FAQ

Is there a security check for icon files?
Yes, all SVG icons loaded through the plugin are checked for scripts and potentially unsafe js attributes before rendering.
Can animated icons be used?
Yes, you can use animated SVG files, as well as SVG files combined with styles (like the Accordion icon in UIkit), but you will need to manage the animation logic separately in the Theme Scripts block.
What icon formats are supported?
Supported formats are SVG, PNG, JPG, and WebP. SVG is preferred, but raster versions can be used for quick project implementation.
Will the list of popular services be expanded?
Possibly, but not currently planned. You can submit a request; if it becomes popular, the icon may be added to the list over time.

Subscribe to Our Newsletters

Yootheme Tricks

Newsletter Yootheme tricks

Subscribe
Yootheme news
Telegram channel
For developers

Newsletter for developers

Subscribe