Help Center / Editor V4 / Elements / Elemento SVG

Elemento SVG

Ultimo aggiornamento: Settembre 3, 2025

Aggiungi ed elimina l'elemento

Per accedere e usare un elemento:

  1. Nell’Editor di Elementor, clicca su +.
    Vengono visualizzati tutti gli elementi disponibili.

  2. Clicca o trascina l’elemento sull’area di lavoro. Per maggiori informazioni, vedi Aggiungere elementi a una pagina.

Per eliminare l’elemento:

  1. Sull’area di lavoro, seleziona l’elemento cliccandoci sopra.
  2. Premi il tasto Canc sulla tastiera. Per maggiori informazioni, vedi Eliminare elementi da una pagina.

Cos'è l'elemento SVG?

SVG (Scalable Vector Graphics) è un formato di immagine basato su XML utilizzato per creare grafica vettoriale bidimensionale. La grafica SVG può essere scalata senza perdere qualità, rendendola ideale per la grafica di siti web, icone e illustrazioni.

Il widget SVG ti consente di incorporare la grafica SVG nella tua pagina web come elemento separato.

Visualizza tutte le opzioni disponibili con l’elemento SVG.

Caso d'uso comune

Hunter sta creando una sezione call to action e vuole usare illustrazioni SVG come icone.

Casi d’uso aggiuntivi

  • Infografiche.
  • Immagini semplici e leggere che consentono alla tua pagina di caricarsi più velocemente.

Aggiungi un elemento SVG: passo dopo passo

  1. Sulla tela, crea un contenitore a griglia con una riga e tre colonne. Per i dettagli, vedi Crea un contenitore a griglia.

    Puoi aggiungere gli elementi alla griglia.

  2. Aggiungi un widget SVG alla colonna più a sinistra. Per i dettagli, vedi Aggiungere elementi a una pagina.

  3. Nel pannello, clicca sul campo immagine.

  4. Aggiungi un’immagine SVG al widget. Per i dettagli, vedi Aggiungere immagini e icone.
  5. Ripeti per ciascuno dei widget.

    Rendiamo le icone cliccabili per facilità d’uso.

  6. Clicca sull’icona della busta.

  7. Nel pannello, clicca sul simbolo più accanto a Link.

  8. Inserisci il link mailto nella casella di testo.

  9. (Opzionale) Attiva Apri in una nuova scheda se vuoi che il link si apra in una nuova scheda.

    La sezione call-to-action è pronta.

Impostazioni per l'elemento SVG

Puoi personalizzare i tuoi elementi usando contenuto e stile, offrendoti grande flessibilità nell’adattarli alle tue esigenze. Clicca sulle schede qui sotto per vedere tutte le impostazioni disponibili per questo elemento.

Scheda Generale

Clicca per aggiungere un file SVG. Per i dettagli, vedi Aggiungere immagini e icone.

Clicca sul segno più per inserire un link. I visitatori che cliccano sul file SVG apriranno il link.

Ti consente di taggare singoli elementi su una pagina. In questo modo puoi collegarti a questo elemento specifico.

Scheda Stile

Vedi gli articoli individuali sulle opzioni di stile:

Note
Il widget SVG ti consente di aggiungere colore ai tuoi file SVG. Tuttavia, il file deve essere formattato correttamente. Il colore di riempimento deve essere impostato su nero puro (#000000) ed esportato senza proprietà di riempimento. Potrai quindi aggiungere il tuo colore di riempimento utilizzando il campo colore della sezione Tipografia nella scheda Stile.

In questa pagina

Condividi questo articolo

Hosted with