{"id":6869,"date":"2022-06-21T19:17:07","date_gmt":"2022-06-21T17:17:07","guid":{"rendered":"https:\/\/lacolmenatecnologica.com\/cambiare-il-colore-delle-icone-svg-in-elementor\/"},"modified":"2026-09-02T22:50:19","modified_gmt":"2026-09-02T20:50:19","slug":"cambiare-il-colore-delle-icone-svg-in-elementor","status":"publish","type":"post","link":"https:\/\/lacolmenatecnologica.com\/it\/cambiare-il-colore-delle-icone-svg-in-elementor\/","title":{"rendered":"Cambiare il colore delle icone SVG in Elementor"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\">Video passo dopo passo<\/h2>\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Cambiar el color de iconos SVG en Elementor\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/HKWfEN4EBEM?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n<h2 class=\"wp-block-heading\" id=\"0-%C2%BFqu%C3%A9-es-un-archivo-svg\">Cos&#8217;\u00e8 un file SVG?<\/h2>\n\n<p class=\"wp-block-paragraph\"><em>Scalable Vector Graphics<\/em> (SVG) \u00e8 un formato di file vettoriale adatto al web. A differenza dei <em>file raster<\/em> basati su pixel come i JPEG, i file vettoriali memorizzano le immagini attraverso formule matematiche basate su punti e linee su una griglia. Questo significa che i file vettoriali come gli SVG possono essere ridimensionati in modo significativo senza perdere nulla della loro qualit\u00e0, il che li rende ideali per loghi e grafiche complesse online.   <\/p>\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/bee2.svg\"><img decoding=\"async\" src=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/bee2.svg\" alt=\"Ape - SVG\" class=\"wp-image-4827\" style=\"width:359px\"\/><\/a><\/figure>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">SVG \u2013 Dimensione 3 KB<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/bee-1000.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"932\" src=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/bee-1000.png\" alt=\"Ape - PNG - 1024px\" class=\"wp-image-4824\" srcset=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/bee-1000.png 1024w, https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/bee-1000-500x455.png 500w, https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/bee-1000-768x699.png 768w, https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/bee-1000-600x546.png 600w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">PNG (1024px) \u2013 Dimensione 85 KB<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full is-resized\"><a href=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/bee.png\"><img loading=\"lazy\" decoding=\"async\" width=\"150\" height=\"137\" src=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/bee.png\" alt=\"Ape\" class=\"wp-image-4825\" style=\"width:359px\"\/><\/a><\/figure>\n\n\n\n<p class=\"has-text-align-center wp-block-paragraph\">PNG (150px) \u2013 Dimensione 13 KB<\/p>\n<\/div>\n<\/div>\n\n<p class=\"wp-block-paragraph\">La dimensione di un file SVG dipende dalla quantit\u00e0 di dati immagine che contiene, ma generalmente \u00e8 inferiore rispetto alla maggior parte degli altri tipi di file. Le grafiche complesse con molti tracciati e punti di ancoraggio occuperanno pi\u00f9 spazio di archiviazione rispetto ai design pi\u00f9 semplici e puliti. <\/p>\n\n<p class=\"wp-block-paragraph\">Non sono solo le loro capacit\u00e0 di ridimensionamento a rendere gli SVG molto popolari tra i web designer. Gli SVG sono scritti in codice XML, il che significa che memorizzano qualsiasi informazione testuale come testo letterale invece che come forme. Questo permette ai motori di ricerca come Google di leggere le grafiche SVG per le loro parole chiave, il che pu\u00f2 potenzialmente aiutare un sito web a salire nelle classifiche di ricerca.  <\/p>\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Puoi riconoscere facilmente un file SVG dalla sua estensione <strong>.svg<\/strong>.<\/p>\n<\/blockquote>\n\n<h2 class=\"wp-block-heading\" id=\"historia-del-archivo-svg-b1b4932e-04fc-4758-a606-17c26a1ae7b1\">Storia del file SVG<\/h2>\n\n<p class=\"wp-block-paragraph\">La storia del file SVG risale alla fine degli anni &#8217;90, quando il World Wide Web Consortium (W3C) invit\u00f2 gli sviluppatori a presentare proposte per un nuovo tipo di formato grafico vettoriale. Furono presentate sei proposte in competizione che contribuirono a definire quello che alla fine divenne il formato SVG del W3C.  <\/p>\n\n<p class=\"wp-block-paragraph\">Gli SVG impiegarono del tempo per crescere in popolarit\u00e0. Ci fu relativamente poco supporto per loro fino al 2017, quando le persone iniziarono a vedere i vantaggi dell&#8217;uso degli SVG nei browser web moderni. I file SVG sono ora ampiamente utilizzati per le immagini dei siti web in 2D perch\u00e9 la maggior parte dei browser e delle applicazioni di disegno per file vettoriali pu\u00f2 gestirli facilmente.  <\/p>\n\n<h2 class=\"wp-block-heading\" id=\"para-que-se-utilizan-los-archivos-svg-9841dbbb-f9c2-4fe5-8387-27f93dbeeb34\">A cosa servono i file SVG?<\/h2>\n\n<p class=\"wp-block-paragraph\">Le grafiche vettoriali scalabili hanno fatto molta strada negli ultimi anni, ma a cosa servono gli SVG nella pratica?<\/p>\n\n<h3 class=\"wp-block-heading\" id=\"iconos-y-logotipos-del-sitio-web--408c1260-6438-41e7-8a0d-305d8145492d\">Icone e loghi del sito web<\/h3>\n\n<p class=\"wp-block-paragraph\">I designer usano spesso gli SVG per visualizzare icone di siti web come pulsanti, cos\u00ec come loghi aziendali. La capacit\u00e0 di questo tipo di file di scalare verso l&#8217;alto o verso il basso senza compromettere la qualit\u00e0 significa che sono ideali per grafiche che devono apparire in pi\u00f9 luoghi e in una variet\u00e0 di dimensioni. <\/p>\n\n<h3 class=\"wp-block-heading\" id=\"infografias-e-ilustraciones--a5e7ac03-4cae-41df-b241-3cf8dcc37811\">Infografiche e illustrazioni<\/h3>\n\n<p class=\"wp-block-paragraph\">Grazie all&#8217;uso di XML all&#8217;interno dei file SVG, i motori di ricerca come Google possono leggere tabelle e grafici con molto testo, il che pu\u00f2 aiutare con l&#8217;ottimizzazione per i motori di ricerca. Poich\u00e9 Google pu\u00f2 rilevare parole chiave all&#8217;interno degli SVG, pu\u00f2 potenzialmente spingere una pagina web a una posizione pi\u00f9 alta nei risultati di ricerca. Inoltre, per rendere le pagine web molto pi\u00f9 interessanti, gli SVG supportano anche l&#8217;animazione.  <\/p>\n\n<h2 class=\"wp-block-heading\" id=\"pros-y-contras-de-los-archivos-svg-1037a193-6a10-4d94-8255-3592a65a5a92\">Pro e contro dei file SVG<\/h2>\n\n<p class=\"wp-block-paragraph\">Vale la pena esaminare i vantaggi e gli svantaggi degli SVG prima di salvare le tue immagini in questo formato di file.<\/p>\n\n<h3 class=\"wp-block-heading\" id=\"ventajas-de-los-archivos-svg-fbcb331c-faed-4507-a6e3-4aff933fc839\">Vantaggi dei file SVG<\/h3>\n\n<ul class=\"wp-block-list\">\n<li>A differenza dei file raster, che sono composti da pixel, le grafiche vettoriali come gli SVG mantengono sempre la loro risoluzione, indipendentemente da quanto grandi o piccoli li rendi. Non devi preoccuparti che le immagini SVG perdano la loro qualit\u00e0 in determinati browser o quando le ridimensioni per farle apparire in luoghi diversi.  <\/li>\n\n\n\n<li>I file SVG di base sono generalmente pi\u00f9 piccoli delle immagini rasterizzate, che sono create da molti pixel colorati invece di usare algoritmi matematici. <\/li>\n\n\n\n<li>Poich\u00e9 i file SVG trattano il testo come testo (e non come design), i lettori di schermo possono scansionare qualsiasi parola contenuta nelle immagini SVG. Questo \u00e8 molto utile per le persone che hanno bisogno di aiuto per leggere le pagine web. Anche i motori di ricerca possono leggere e indicizzare il testo delle immagini SVG.  <\/li>\n<\/ul>\n\n<h3 class=\"wp-block-heading\" id=\"desventajas-de-los-archivos-svg-782f4ecd-7218-49f7-ae8c-025c16d70744\">Svantaggi dei file SVG<\/h3>\n\n<ul class=\"wp-block-list\">\n<li>I file SVG sono eccellenti per grafiche web come loghi, illustrazioni e grafici. Ma la loro mancanza di pixel rende difficile la visualizzazione di fotografie digitali di alta qualit\u00e0. I file JPEG sono generalmente migliori per fotografie dettagliate.   <\/li>\n\n\n\n<li>Solo i browser moderni possono supportare le immagini SVG. Potresti trovare difficile usare i file SVG con Internet Explorer 8 e altri browser pi\u00f9 vecchi.  <\/li>\n\n\n\n<li>Il codice contenuto nelle immagini SVG pu\u00f2 essere difficile da capire se sei nuovo al loro formato di file.<\/li>\n<\/ul>\n\n<h2 class=\"wp-block-heading\" id=\"como-anadir-una-imagen-svg-con-elementor-9b5703af-99e9-4483-b21d-119b4245a8a3\">Come aggiungere un&#8217;immagine SVG con Elementor<\/h2>\n\n<p class=\"wp-block-paragraph\">Ci sono molti widget di <a href=\"https:\/\/elementor.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Elementor<\/a> che ci permettono di caricare immagini o icone in formato SVG. Possiamo caricare questo tipo di file dalla galleria multimediale senza alcun tipo di restrizione, ma se vogliamo farlo dal costruttore di <a href=\"https:\/\/elementor.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Elementor<\/a> dobbiamo prima abilitare la capacit\u00e0 di Elementor di caricare questo tipo di file. <\/p>\n\n<h3 class=\"wp-block-heading\" id=\"permitir-la-subida-de-archivos-sin-filtrar-91351259-80f5-4c26-8482-77e7dbc2f1b8\">Consenti il caricamento di file non filtrati<\/h3>\n\n<p class=\"wp-block-paragraph\">Questa finestra pop-up apparir\u00e0 quando fai clic sul pulsante <em>Carica SVG<\/em> incluso in alcuni widget che usano icone.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2022\/06\/permitir-la-subida-de-archivos-sin-filtrar.jpg\"><img decoding=\"async\" src=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2022\/06\/permitir-la-subida-de-archivos-sin-filtrar.jpg\" alt=\"Consenti il caricamento di file non filtrati\" class=\"wp-image-18243\"\/><\/a><\/figure>\n<\/div>\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/permitir_la_subida_de_archivos_sin_filtrar.gif\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"908\" src=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/permitir_la_subida_de_archivos_sin_filtrar.gif\" alt=\"Consenti il caricamento di file non filtrati\" class=\"wp-image-4831\"\/><\/a><\/figure>\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<p class=\"wp-block-paragraph\">La prima volta che tenterai di caricare un&#8217;icona SVG, ti verr\u00e0 presentato un messaggio di avviso per avvisarti che il caricamento di qualsiasi file, inclusi i file SVG, pu\u00f2 presentare un potenziale rischio per la sicurezza. Se comprendi i rischi coinvolti e accetti di continuare, fai clic sul pulsante <strong>Attiva<\/strong>. <\/p>\n\n<h3 class=\"wp-block-heading\" id=\"este-archivo-no-esta-permitido-por-motivos-de-seguridad-92de5326-9262-4b7e-9190-4ee1fda11bfe\">Questo file non \u00e8 consentito per motivi di sicurezza<\/h3>\n\n<p class=\"wp-block-paragraph\">Vedrai questo messaggio quando tenterai di caricare un file SVG dal widget <em>Immagine<\/em> o da un altro widget che non sia espressamente per caricare icone SVG.<\/p>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/error-al-subir-un-archivo-svg.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"348\" height=\"191\" src=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/error-al-subir-un-archivo-svg.jpg\" alt=\"Questo file non &#xE8; consentito per motivi di sicurezza\" class=\"wp-image-4832\"\/><\/a><\/figure>\n<\/div>\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/este-archivo-no-esta-permitido-por-motivos-de-seguridad.gif\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"908\" src=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/este-archivo-no-esta-permitido-por-motivos-de-seguridad.gif\" alt=\"Questo file non &#xE8; consentito per motivi di sicurezza\" class=\"wp-image-4834\"\/><\/a><\/figure>\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n<p class=\"wp-block-paragraph\">Puoi risolverlo dalla pagina <em>Elementor &gt; Impostazioni<\/em>. <\/p>\n\n<ol class=\"wp-block-list\">\n<li>Fai clic sulla scheda <strong>Avanzate<\/strong>.<\/li>\n\n\n\n<li>In <strong>Consenti il caricamento di file non filtrati<\/strong> seleziona <em>Attiva<\/em> nel menu a discesa.<\/li>\n\n\n\n<li>Fai clic sul pulsante <strong>Salva modifiche<\/strong>.<\/li>\n<\/ol>\n\n<h2 class=\"wp-block-heading\" id=\"cambiar-el-color-a-un-icono-svg--eed461c4-aec0-4d5e-a9ab-1012c9b89fe6\">Cambiare il colore di un&#8217;icona SVG <\/h2>\n\n<p class=\"wp-block-paragraph\">In questo tutorial user\u00f2 il software <a href=\"https:\/\/www.adobe.com\/es\/products\/illustrator.html\" target=\"_blank\" rel=\"noreferrer noopener\">Adobe Illustrator<\/a> per creare o modificare file SVG. Affinch\u00e9 possiamo cambiare il colore di un&#8217;icona SVG dal costruttore di Elementor, deve essere soddisfatto quanto segue: <\/p>\n\n<ul start=\"1\" class=\"wp-block-list\">\n<li>Dobbiamo riempire con il colore <mark style=\"background-color:#000000\" class=\"has-inline-color has-colmena-gris-claro-color\">#000000<\/mark> (\u00e8 il colore nero in formato esadecimale) il totale o la parte dell&#8217;icona che vogliamo che cambi dal costruttore di Elementor.<\/li>\n<\/ul>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/selector-de-colores-adobe-illustrator.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"710\" height=\"483\" src=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/selector-de-colores-adobe-illustrator.jpg\" alt=\"Selettore di colore di Adobe Illustrator\" class=\"wp-image-4835\" srcset=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/selector-de-colores-adobe-illustrator.jpg 710w, https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/selector-de-colores-adobe-illustrator-500x340.jpg 500w, https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/selector-de-colores-adobe-illustrator-600x408.jpg 600w\" sizes=\"auto, (max-width: 710px) 100vw, 710px\" \/><\/a><\/figure>\n<\/div>\n<ul start=\"2\" class=\"wp-block-list\">\n<li>In <a href=\"https:\/\/www.adobe.com\/es\/products\/illustrator.html\" target=\"_blank\" rel=\"noreferrer noopener\">Adobe Illustrator<\/a> possiamo assegnare il colore del tratto (bordo) e il colore di riempimento. Elementor cambier\u00e0 solo il colore di riempimento, quindi \u00e8 meglio non assegnare il colore del tratto all&#8217;icona e lasciare solo il colore di riempimento.<\/li>\n<\/ul>\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/cambiar-color-con-adobe-illustrator.gif\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1032\" src=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/cambiar-color-con-adobe-illustrator.gif\" alt=\"Cambiare colore con Adobe Illustrator\" class=\"wp-image-4837\"\/><\/a><\/figure>\n\n<ul start=\"3\" class=\"wp-block-list\">\n<li>Quando salviamo il file in formato SVG, <a href=\"https:\/\/www.adobe.com\/es\/products\/illustrator.html\" target=\"_blank\" rel=\"noreferrer noopener\">Adobe Illustrator<\/a> ci mostrer\u00e0 una finestra di opzioni SVG. In questa finestra dobbiamo assicurarci che nella sezione <em>Opzioni avanzate<\/em> il selettore <em>Propriet\u00e0 CSS:<\/em> abbia selezionata l&#8217;opzione <strong>Attributi di presentazione<\/strong>.<\/li>\n<\/ul>\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/guardar_archivo_svg.gif\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"1032\" src=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/guardar_archivo_svg.gif\" alt=\"Salvare file SVG\" class=\"wp-image-4838\"\/><\/a><\/figure>\n\n<h3 class=\"wp-block-heading\" id=\"donde-usar-nuestro-icono-en-el-constructor-de-elementor-9b48113e-277c-4456-95f4-e6387ecc6717\">Dove usare la nostra icona nel costruttore di Elementor<\/h3>\n\n<p class=\"wp-block-paragraph\">Una volta creata la nostra icona seguendo le linee guida precedenti, possiamo usarla nel costruttore di Elementor in tutti questi widget:<\/p>\n\n<ul class=\"wp-block-list\">\n<li>BASE\n<ul class=\"wp-block-list\">\n<li>Pulsante<\/li>\n\n\n\n<li>Separatore<\/li>\n\n\n\n<li>Icona<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>PRO<ul><li>Modulo<\/li><li>Menu di navigazione<\/li><\/ul>\n<ul class=\"wp-block-list\">\n<li>Punto caldo<\/li>\n\n\n\n<li>Flip box<\/li>\n\n\n\n<li>Call to Action<\/li>\n\n\n\n<li>Recensioni<\/li>\n\n\n\n<li>Indice<\/li>\n\n\n\n<li>Playlist video<\/li>\n\n\n\n<li>Pulsante PayPal<\/li>\n\n\n\n<li>Pulsante Stripe<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>GENERALE\n<ul class=\"wp-block-list\">\n<li>Casella icona<\/li>\n\n\n\n<li>Elenco di icone<\/li>\n\n\n\n<li>Fisarmonica<\/li>\n\n\n\n<li>Interruttore<\/li>\n\n\n\n<li>Icone social<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>SINGOLO\n<ul class=\"wp-block-list\">\n<li>Informazioni post<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Possiamo anche usarlo come Logo del sito e in altri widget come Immagine, ma senza la capacit\u00e0 di cambiare il colore da Elementor.<\/p>\n<\/blockquote>\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/insertar-icono.gif\"><img loading=\"lazy\" decoding=\"async\" width=\"1920\" height=\"908\" src=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/insertar-icono.gif\" alt=\"Inserire icona SVG in Elementor\" class=\"wp-image-4839\"\/><\/a><\/figure>\n\n<h2 class=\"wp-block-heading\" id=\"enlaces-relacionados-04f3361a-2f20-49d7-b697-cb6cb84b3a0e\">Link di interesse<\/h2>\n\n<ul class=\"wp-block-list\">\n<li>Iconfinder: <a rel=\"noreferrer noopener\" href=\"https:\/\/www.iconfinder.com\/\" target=\"_blank\">https:\/\/www.iconfinder.com\/<\/a> (Scarica icone in formato SVG).<\/li>\n\n\n\n<li>IcoMoon: <a rel=\"noreferrer noopener\" href=\"https:\/\/icomoon.io\/\" target=\"_blank\">https:\/\/icomoon.io\/<\/a> (Crea la tua galleria di icone in formato .ico).<\/li>\n\n\n\n<li>Dribbble: <a rel=\"noreferrer noopener\" href=\"https:\/\/dribbble.com\/\" target=\"_blank\">https:\/\/dribbble.com\/<\/a> (Pi\u00f9 di 10.000 icone gratuite).<\/li>\n\n\n\n<li>Iconmonstr: <a rel=\"noreferrer noopener\" href=\"https:\/\/iconmonstr.com\/\" target=\"_blank\">https:\/\/iconmonstr.com\/<\/a> (icone in bianco e nero con molteplici variazioni completamente gratuite).<\/li>\n\n\n\n<li>DevianArt: <a rel=\"noreferrer noopener\" href=\"https:\/\/www.deviantart.com\/\" target=\"_blank\">https:\/\/www.deviantart.com\/<\/a> (Pi\u00f9 di 200.000 icone gratuite).<\/li>\n\n\n\n<li>Fontello: <a href=\"https:\/\/fontello.com\/\">https:\/\/fontello.com\/<\/a> (Migliaia di icone monocromatiche gratuite in varie dimensioni e formati)<\/li>\n\n\n\n<li>Adobe Illustrator: <a rel=\"noreferrer noopener\" href=\"https:\/\/www.adobe.com\/es\/products\/illustrator.html\" target=\"_blank\">https:\/\/www.adobe.com\/it\/products\/illustrator.html<\/a> (Software di grafica vettoriale).<\/li>\n\n\n\n<li>1000 free Downloads: <a rel=\"noreferrer noopener\" href=\"https:\/\/www.1001freedownloads.com\/\" target=\"_blank\">https:\/\/www.1001freedownloads.com\/<\/a> (Pi\u00f9 di 1001 download gratuiti).<\/li>\n\n\n\n<li>CSS Author: <a rel=\"noreferrer noopener\" href=\"https:\/\/cssauthor.com\/\" target=\"_blank\">https:\/\/cssauthor.com\/<\/a> (Centinaia dei migliori set di icone gratuite in vari formati).<\/li>\n\n\n\n<li>GraphicBurger: <a rel=\"noreferrer noopener\" href=\"https:\/\/graphicburger.com\/\" target=\"_blank\">https:\/\/graphicburger.com\/<\/a> (Set di icone tematiche gratuite).<\/li>\n\n\n\n<li>Flaticon: <a rel=\"noreferrer noopener\" href=\"https:\/\/www.flaticon.com\/\" target=\"_blank\">https:\/\/www.flaticon.com\/<\/a> (Permette di convertire le icone in font scaricabili per controllarli in CSS).<\/li>\n\n\n\n<li>Icons8: <a rel=\"noreferrer noopener\" href=\"https:\/\/icons8.com\/\" target=\"_blank\">https:\/\/icons8.com\/<\/a> (pi\u00f9 di 350.000 icone professionali gratuite).<\/li>\n\n\n\n<li>Freepik: <a href=\"https:\/\/www.freepik.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/www.freepik.com\/<\/a> (Pi\u00f9 di 872.000 di queste risorse sono icone gratuite).<\/li>\n\n\n\n<li>Font Awesome: <a rel=\"noreferrer noopener\" href=\"https:\/\/fontawesome.com\/\" target=\"_blank\">https:\/\/fontawesome.com\/<\/a> (Ha pi\u00f9 di 14.000 icone).<\/li>\n\n\n\n<li>Good Stuff No Nonsense: <a rel=\"noreferrer noopener\" href=\"https:\/\/goodstuffnononsense.com\/\" target=\"_blank\">https:\/\/goodstuffnononsense.com\/<\/a> (Icone disegnate a mano gratuite in SVG, PNG, AI, EPS e PSD).<\/li>\n\n\n\n<li>The Noun Project: <a rel=\"noreferrer noopener\" href=\"https:\/\/thenounproject.com\/\" target=\"_blank\">https:\/\/thenounproject.com\/<\/a> (La maggior parte delle icone \u00e8 disponibile in PNG o SVG).<\/li>\n\n\n\n<li>Iconshock: <a rel=\"noreferrer noopener\" href=\"https:\/\/www.iconshock.com\/\" target=\"_blank\">https:\/\/www.iconshock.com\/<\/a> (Ampia libreria di oltre 2 milioni di icone professionali).<\/li>\n\n\n\n<li>Pixeden: <a rel=\"noreferrer noopener\" href=\"https:\/\/www.pixeden.com\/\" target=\"_blank\">https:\/\/www.pixeden.com\/<\/a> (La collezione di set di icone gratuite non \u00e8 particolarmente estesa).<\/li>\n\n\n\n<li>IconsFlow: <a rel=\"noreferrer noopener\" href=\"https:\/\/iconsflow.com\/\" target=\"_blank\">https:\/\/iconsflow.com\/<\/a> (IconsFlow aggiorna costantemente la sua libreria).<\/li>\n\n\n\n<li>Streamline: <a href=\"https:\/\/www.streamlinehq.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/www.streamlinehq.com\/<\/a> (Pi\u00f9 di 85.000 icone uniche, professionali e progettate internamente).<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Video passo dopo passo Cos&#8217;\u00e8 un file SVG? Scalable Vector Graphics (SVG) \u00e8 un formato di file vettoriale adatto al web. A differenza dei file raster basati su pixel come i JPEG, i file vettoriali memorizzano le immagini attraverso formule matematiche basate su punti e linee su una griglia. Questo significa che i file vettoriali [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":6870,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_titles_title":"Come cambiare il colore delle icone SVG in Elementor","_seopress_titles_desc":"Cos'\u00e8 un file SVG? Scalable Vector Graphics (SVG) \u00e8 un formato di file vettoriale adatto al web. A differenza dei file raster basati su pixel come i\u2026","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"453","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"entrambi","_seopress_redirections_param":"","_seopress_redirections_type":301,"_seopress_analysis_target_kw":"","_seopress_news_disabled":"","_seopress_video_disabled":"","_seopress_video":[],"_seopress_pro_schemas_manual":[],"_seopress_pro_rich_snippets_disable_all":"","_seopress_pro_rich_snippets_disable":[],"_seopress_pro_schemas":[],"footnotes":"","_bricks_page_content_2":[],"_bricks_page_header_2":[],"_bricks_page_footer_2":[]},"categories":[453],"tags":[408,430,407],"class_list":["post-6869","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-css","tag-elementor","tag-personalizzazione-di-wordpress","tag-web-design"],"_links":{"self":[{"href":"https:\/\/lacolmenatecnologica.com\/it\/wp-json\/wp\/v2\/posts\/6869","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lacolmenatecnologica.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lacolmenatecnologica.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/it\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/it\/wp-json\/wp\/v2\/comments?post=6869"}],"version-history":[{"count":1,"href":"https:\/\/lacolmenatecnologica.com\/it\/wp-json\/wp\/v2\/posts\/6869\/revisions"}],"predecessor-version":[{"id":6871,"href":"https:\/\/lacolmenatecnologica.com\/it\/wp-json\/wp\/v2\/posts\/6869\/revisions\/6871"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/it\/wp-json\/wp\/v2\/media\/6870"}],"wp:attachment":[{"href":"https:\/\/lacolmenatecnologica.com\/it\/wp-json\/wp\/v2\/media?parent=6869"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/it\/wp-json\/wp\/v2\/categories?post=6869"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/it\/wp-json\/wp\/v2\/tags?post=6869"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}