# Using Custom Icons

Initially Elementor comes with some default icon packs for your widgets. But what if you want to use a completely unique custom SVG icon? That’s possible! You need to setup a plugin called Custom Icons for Elementor (opens new window).

TIP

Custom Icons for Elementor (opens new window) is recommended by Rhye theme, so you are likely to already have it installed. If not, just search for it from admin panel Plugins → Add New It’s completely free and very easy to use.

# ▶️️️️️ Step 1.

If the plugin is installed correctly you should see an extra menu row under Elementor section.

# ▶️️️️️ Step 2.

Get your SVG icons prepared. If you don’t have any icons try to find some and download from many open resources:

# ▶️️️️️ Step 3.

Make a web font pack using Fontello (opens new window). This service is an icon font generator which helps you to create a web font out of your SVG icons. Just drag and drop all your icons to Custom Icons area. Optionally you can name each of your icon more concicse to ease the search afterwards.

Click Download webfont

# ▶️️️️️ Step 4.

Drag and drop your font pack in Elementor → Custom Icons

# ▶️️️️️ Step 5.

You are now able to use your icons while editing Elementor widgets. In the example below I’ve uploaded Linear Icons pack (opens new window) and extended the default icon set.