BLACK FRIDAY: 50% OFF all Pro plans Code: BLACKFRIDAY50
Pro from $10 a year or $30 lifetime, no code needed: Code: BLACKFRIDAY50
Ends Cyber Monday, 30 Nov. Lock in the price today. Code: BLACKFRIDAY50
Get 50% Off
Bright Addons
Download free
Pro feature

Custom Icons for Elementor Pro

Upload SVG icon sets and pick them in Elementor.

See plans and pricing Read the guide
Overview

What Custom Icons does

Custom Icons in Bright Addons Pro turns your own SVG files into icon sets. Each set is a new tab in the Elementor icon library, and the icons take the color and size of the icon control, like any icon font.

Features

What it can do

  • Upload many SVG files at once; the file name becomes the icon name.

  • Each icon set is a new tab in the Elementor icon library.

  • Icons take the color and size set in the widget.

  • Works in every widget that has an icon control.

  • Every SVG is cleaned: scripts, event handlers and outside links are removed.

  • Delete icons by ticking them and clicking Update.

  • Only the CSS of a set that is used on a page is loaded.

Use cases

When to use it

Brand icons

Use the icons your designer made for your brand on every page.

Industry icons

Add icons a general icon font does not have, like special tools or products.

One look

Keep all icons of the site in one style and one set.

Setup

How to set it up

What you need: Bright Addons Pro and your SVG icon files.

Read the full guide

  1. Go to Bright Addons Pro > Custom Icons and click Add Icon Set.

  2. Type the set name, for example Brand Icons.

  3. Choose your SVG files in Add SVG icons and click Publish.

  4. In Elementor, open any icon control, click Icon Library and pick the tab with your set's name.

  5. Set the color and size of the icon in the widget as usual.

FAQ

Questions and answers

Is uploading SVG files safe?

Yes. Only administrators can upload, and every SVG is cleaned before it is stored: scripts, event handlers and outside links are removed.

Can icons have several colors?

No. Each icon is filled with the color of the icon control, like an icon font.

Do I need Elementor Pro?

No. Custom Icons works with the free Elementor and Bright Addons Pro.

Keep exploring

More site building tools

Custom Code Pro

Add CSS, JavaScript and tracking codes without a child theme.

Template Shortcodes Pro

Show any saved Elementor template anywhere with a shortcode.

Import and Export Pro

Move your Bright Addons setup to another site with one file.

Header and Footer Builder Free

Design your site header and footer with Elementor, free.
Bright Addons Pro

Get Custom Icons with Bright Addons Pro

Bright Addons Pro has 97 Pro widgets plus all 53 free widgets, 10 extensions, a Theme Builder and 32 dynamic tags. From $10 a year, with a 14-day money-back guarantee.

See plans and pricing See all widgets