Can I Upload My Own Custom SVG Icons to Use in Elementor?

How Custom Icon Upload Works

Elementor requires custom icons to follow a specific package format (generated by a tool like IcoMoon or Fontello, exported in the correct structure) rather than accepting individual raw SVG files directly for this specific feature — the zip needs particular files inside it (an icon font, a style sheet, metadata) for Elementor to correctly register the set as a usable icon library.

Why Custom Icons Are Useful

• Brand-specific iconography not available in the standard built-in library, keeping visual consistency with an established brand identity.
• A more focused, curated icon set, avoiding the need to browse a huge generic library for icons that will actually be used.
• Individual SVG images (not through this specific Custom Icons feature) can also be used directly via a regular Image widget, an option worth considering for a single specific icon rather than uploading a whole set.
• SVG security considerations apply here too, since SVG files can contain embedded scripts — only upload icon sets from a trusted source.

Uploading a Custom Icon Set

1. Prepare the icon set in Elementor's required package format using a tool like IcoMoon.
2. Upload the zip file through Elementor → Custom Icons.
3. Select icons from the new set anywhere an icon control appears across widgets.

Need a custom icon library or branded widget set built properly? See Elementor custom widgets.