Soporte prioritario
Help Center > Editor V4 > Elements > Elemento SVG

Elemento SVG

ƚltima actualizaciĆ³n: septiembre 3, 2025

Esta publicaciĆ³n ha sido traducida mediante traducciĆ³n automĆ”tica, por lo que puede haber ligeras inexactitudes o diferencias en la redacciĆ³n en comparaciĆ³n con el original. Pedimos disculpas por cualquier inconveniente que esto pueda causar. Por favor, contĆ”ctenos si necesita que aclaremos algo para usted.

AƱadir y eliminar el elemento

Para acceder y usar un elemento:

  1. En el editor de Elementor, haga clic en +.
    Se muestran todos los elementos disponibles.

  2. Haz clic o arrastra el elemento al lienzo. Para obtener mĆ”s informaciĆ³n, consulta AƱadir elementos a una pĆ”gina.

Para eliminar el elemento:

  1. En el lienzo, seleccione el elemento haciendo clic en Ć©l.
  2. Pulse la tecla Suprimir en su teclado. Para obtener mĆ”s informaciĆ³n, consulte Eliminar elementos de una pĆ”gina.

ĀæQuĆ© es el elemento SVG?

SVG (Scalable Vector Graphics) es un formato de imagen basado en XML que se utiliza para crear grƔficos vectoriales bidimensionales. Los grƔficos SVG se pueden escalar sin perder calidad, lo que los hace ideales para grƔficos de sitios web, iconos e ilustraciones.

El widget SVG le permite incorporar grƔficos SVG en su pƔgina web como un elemento separado.

Vea todas las opciones disponibles con el elemento SVG.

Caso de uso comĆŗn

Hunter estĆ” creando una secciĆ³n de llamada a la acciĆ³n y quiere usar ilustraciones SVG como iconos.

Casos de uso adicionales

  • InfografĆ­as.
  • ImĆ”genes ligeras y sencillas que permiten que su pĆ”gina se cargue mĆ”s rĆ”pidamente.

AƱadir un elemento SVG: paso a paso

  1. En el lienzo, cree un contenedor de cuadrĆ­cula con una fila y tres columnas. Para obtener mĆ”s informaciĆ³n, consulte Crear un contenedor de cuadrĆ­cula.

    Puede aƱadir los elementos a la cuadrƭcula.

  2. AƱada un widget SVG a la columna situada mĆ”s a la izquierda. Para obtener mĆ”s informaciĆ³n, consulte AƱadir elementos a una pĆ”gina.

  3. En el panel, haga clic en el campo de imagen.

  4. AƱada una imagen SVG al widget. Para obtener mĆ”s informaciĆ³n, consulte AƱadir imĆ”genes e iconos.
  5. Repita el proceso para cada uno de los widgets.

    Hagamos que los iconos sean ą¦•ą§ą¦²ą¦æą¦•ables para facilitar su uso.
  6. Haga clic en el icono del sobre.

  7. En el panel, haga clic en el sƭmbolo mƔs junto a Enlace.

  8. Introduzca el enlace mailto en el cuadro de texto.

  9. (Opcional) Active Abrir en una nueva pestaƱa si quiere que el enlace se abra en una nueva pestaƱa.

    La secciĆ³n de llamada a la acciĆ³n estĆ” lista.

Ajustes para el elemento SVG

Puede personalizar sus elementos utilizando contenido y estilo, lo que le ofrece una gran flexibilidad para adaptarlos a sus necesidades. Haga clic en las pestaƱas de abajo para ver todos los ajustes disponibles para este elemento.

PestaƱa General

Haga clic para aƱadir un archivo SVG. Para obtener mĆ”s informaciĆ³n, consulte AƱadir imĆ”genes e iconos.

Haga clic en el signo mƔs para introducir un enlace. Los visitantes que hagan clic en el archivo SVG abrirƔn el enlace.

Te permite etiquetar elementos individuales en una pƔgina. De esta manera, puedes enlazar a este elemento especƭfico.

PestaƱa Estilo

Consulte los artĆ­culos individuales sobre las opciones de estilo:

Note
El widget SVG le permite aƱadir color a sus archivos SVG. Sin embargo, el archivo debe tener el formato correcto. El color de relleno debe establecerse en negro puro (#000000) y exportarse sin ninguna propiedad de relleno. A continuaciĆ³n, podrĆ” aƱadir su propio color de relleno utilizando el campo de color de la TipografĆ­a secciĆ³n en la pestaƱa Estilo.

En esta pƔgina

Compartir este artĆ­culo

Hosted with