Title: AnySVG – Custom icon widget for elementor
Author: arhamashfaq
Published: <strong>12 de julio de  2026</strong>
Last modified: 12 de julio de  2026

---

Buscar plugins

![](https://ps.w.org/anysvg-custom-icon-widget-for-elementor/assets/banner-772x250.
png?rev=3604856)

![](https://ps.w.org/anysvg-custom-icon-widget-for-elementor/assets/icon-256x256.
png?rev=3604547)

# AnySVG – Custom icon widget for elementor

 Por [arhamashfaq](https://profiles.wordpress.org/arhamashfaq/)

[Descargar](https://downloads.wordpress.org/plugin/anysvg-custom-icon-widget-for-elementor.1.0.1.zip)

 * [Detalles](https://es-ar.wordpress.org/plugins/anysvg-custom-icon-widget-for-elementor/#description)
 * [Valoraciones](https://es-ar.wordpress.org/plugins/anysvg-custom-icon-widget-for-elementor/#reviews)
 *  [Instalación](https://es-ar.wordpress.org/plugins/anysvg-custom-icon-widget-for-elementor/#installation)
 * [Desarrollo](https://es-ar.wordpress.org/plugins/anysvg-custom-icon-widget-for-elementor/#developers)

 [Soporte](https://wordpress.org/support/plugin/anysvg-custom-icon-widget-for-elementor/)

## Descripción

Tired of being limited to pre-bundled icon libraries in Elementor? AnySVG lets you
use **any SVG icon** on the web!

Simply paste your raw SVG code directly into the widget, and style it with all the
familiar controls of Elementor’s native Icon widget.

### Key Features

 * **Paste Raw SVG**: Paste clean SVG code from Heroicons, Bootstrap Icons, FontAwesome,
   or your own design tools.
 * **Auto-Cleaning and Scale Prep**: Automatically strips inline width, height, 
   and style attributes so the Elementor size settings can scale the icon beautifully.
 * **Auto viewBox Synthesis**: If your SVG is missing a viewBox but has width and
   height, AnySVG automatically adds it so it never crops.
 * **Advanced Color Overrides**: Select from four color mapping modes: Keep Original(
   for colored logos), Force Fill, Force Stroke, or Force Both.
 * **Familiar Elementor Controls**: Customize View (Default, Stacked, Framed), Shape(
   Circle, Square), Link URL, Size, Spacing/Padding, Border Width, Border Radius,
   Rotation, and Alignments.
 * **Normal & Hover States**: Configure primary/secondary colors and hover transitions.
 * **Backbone Live Preview**: Instant updates inside the Elementor editor screen.

## Instalación

 1. Upload the plugin folder `anysvg` to the `/wp-content/plugins/` directory, or upload
    the ZIP file via the WordPress plugin uploader.
 2. Activate the plugin through the ‘Plugins’ menu in WordPress.
 3. Open any page in Elementor editor, drag the “AnySVG Icon” widget into your layout,
    and start designing.

## Preguntas frecuentes

### Can I use multi-colored SVGs?

Yes! Set the **Color Override Mode** to **Keep Original Colors** to preserve the
custom gradients or colors of your logo or graphic.

### How do I resize the SVG?

Use the **Size** slider under the Style tab. The plugin automatically cleans up 
hardcoded SVG widths/heights so Elementor’s sizing overrides them correctly.

## Reseñas

No hay reseñas para este plugin.

## Colaboradores y desarrolladores

“AnySVG – Custom icon widget for elementor” es un software de código abierto. Las
siguientes personas han colaborado con este plugin.

Colaboradores

 *   [ arhamashfaq ](https://profiles.wordpress.org/arhamashfaq/)

[Traduce “AnySVG – Custom icon widget for elementor” a tu idioma.](https://translate.wordpress.org/projects/wp-plugins/anysvg-custom-icon-widget-for-elementor)

### ¿Interesado en el desarrollo?

[Revisa el código](https://plugins.trac.wordpress.org/browser/anysvg-custom-icon-widget-for-elementor/),
echa un vistazo al [repositorio SVN](https://plugins.svn.wordpress.org/anysvg-custom-icon-widget-for-elementor/),
o suscríbete al [log de desarrollo](https://plugins.trac.wordpress.org/log/anysvg-custom-icon-widget-for-elementor/)
por [RSS](https://plugins.trac.wordpress.org/log/anysvg-custom-icon-widget-for-elementor/?limit=100&mode=stop_on_copy&format=rss).

## Registro de cambios

#### 1.0.1

 * Bump version to 1.0.1.
 * Add Requires Plugins header.
 * Secure and expand SVG sanitizer whitelist (clip-path, masks, symbol support).
 * Fix XML comments/prologue bypassing cleanup.
 * Smooth CSS transitions for hover state colors.

#### 1.0.0

 * Initial release of AnySVG custom icon widget.

## Meta

 *  Versión **1.0.1**
 *  Última actualización **hace 3 meses**
 *  Instalaciones activas **Menos de 10**
 *  Versión de WordPress ** 5.6 o superior **
 *  Testeado hasta **7.0.7**
 *  Versión de PHP ** 7.4 o superior **
 *  Idioma
 * [English (US)](https://wordpress.org/plugins/anysvg-custom-icon-widget-for-elementor/)
 * Etiquetas:
 * [custom icon](https://es-ar.wordpress.org/plugins/tags/custom-icon/)[elementor](https://es-ar.wordpress.org/plugins/tags/elementor/)
   [icon](https://es-ar.wordpress.org/plugins/tags/icon/)[SVG](https://es-ar.wordpress.org/plugins/tags/svg/)
   [Vector](https://es-ar.wordpress.org/plugins/tags/vector/)
 *  [Vista avanzada](https://es-ar.wordpress.org/plugins/anysvg-custom-icon-widget-for-elementor/advanced/)

## Valoraciones

Todavía no se enviaron reseñas.

[Your review](https://wordpress.org/support/plugin/anysvg-custom-icon-widget-for-elementor/reviews/#new-post)

[Ver todas las reseñas](https://wordpress.org/support/plugin/anysvg-custom-icon-widget-for-elementor/reviews/)

## Colaboradores

 *   [ arhamashfaq ](https://profiles.wordpress.org/arhamashfaq/)

## Soporte

¿Tenés algo que decir? ¿Necesitás ayuda?

 [Ver el foro de asistencia](https://wordpress.org/support/plugin/anysvg-custom-icon-widget-for-elementor/)

## Donar

¿Te gustaría apoyar el progreso de este plugin?

 [ Doná a este plugin ](https://arhamashfaq.com/)