{"id":220211,"date":"2022-12-27T09:52:00","date_gmt":"2022-12-27T06:52:00","guid":{"rendered":"https:\/\/goodroid.mediadoma.com\/?p=220211"},"modified":"2022-11-10T18:29:33","modified_gmt":"2022-11-10T15:29:33","slug":"scarica-e-usa-le-icone-di-design-dei-materiali-gratuite","status":"publish","type":"post","link":"https:\/\/goodroid.mediadoma.com\/it\/scarica-e-usa-le-icone-di-design-dei-materiali-gratuite\/","title":{"rendered":"Scarica e usa le icone di design dei materiali gratuite"},"content":{"rendered":"<p>Il Material Design di Google ha apportato un drastico cambiamento ai propri servizi con colori meravigliosamente contrastati e animazioni interattive. Con l'alternanza, sono arrivate icone realizzate per adattarsi al resto dell'ecosistema. Google ha reso disponibili gratuitamente tutte le icone sui propri siti web, qui ti spieghiamo come scaricarle e utilizzarle.<\/p>\n<h2><strong>Scarica icone di progettazione materiale gratuite<\/strong><\/h2>\n<p>Per scaricare le icone a tema Materiale, vai al <a href=\"https:\/\/design.google.com\/icons\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">repository<\/a> di Google. Scorri verso il basso e scoprirai tantissime icone disponibili per l'uso. Puoi cercare utilizzando la barra degli strumenti o selezionare quella che ti serve scorrendo effettivamente, il che ovviamente consumer\u00e0 molto del tuo tempo. Una volta fatto, apparir\u00e0 una barra orizzontale nella parte inferiore contenente il nome dell'icona e un paio di opzioni che puoi regolare.<\/p>\n<p>Suggerimento: se devi scaricare tutte le icone dei materiali, vai a questo <a href=\"https:\/\/github.com\/google\/material-design-icons\/archive\/2.2.0.zip\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">link<\/a>.<\/p>\n<p>Puoi specificare la dimensione, se vuoi un'icona nera o bianca e, infine, puoi scaricarli in formato SVG o PNG. Sfortunatamente, sono disponibili solo due varianti di colore. Tuttavia, puoi utilizzare l'editor SVG per personalizzare un'icona SVG e modificare le sfumature per lo stesso.<\/p>\n<h2><strong>Cambia il colore delle icone progettate per il materiale utilizzando l'editor SVG<\/strong><\/h2>\n<p>Per modificare il colore dell'icona nell'editor SVG, fai clic sull'icona del secchio in basso e seleziona il colore desiderato. Tocca l'immagine dell'icona dopo averla importata dal menu a discesa di modifica SVG nell'angolo in alto a sinistra. Una volta terminato, esportalo dallo stesso menu a discesa che abbiamo visto prima. Se devi modificare le icone in locale, puoi scaricare SVG tramite questo <a href=\"https:\/\/code.google.com\/archive\/p\/svg-edit\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">link<\/a>.<\/p>\n<p><a href=\"https:\/\/goodroid.mediadoma.com\/wp-content\/uploads\/2022\/08\/post-174017-62eee324098c6.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/goodroid.mediadoma.com\/wp-content\/uploads\/2022\/08\/post-174017-62eee324098c6.jpg\" alt=\"Scarica e usa le icone di design dei materiali gratuite\" ><\/a><\/p>\n<p>Google ha pubblicato una guida approfondita per l'utilizzo di queste icone sulla propria <a href=\"https:\/\/google.github.io\/material-design-icons\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">pagina Github<\/a>. Include anche dettagli sulla licenza, frammenti di codice iOS\/Android per iniziare e un paio di metodi per implementare icone di materiale sul tuo sito Web con esempi.<\/p>\n<p>Questo era tutto. Facci sapere se abbiamo perso qualcosa nella sezione commenti in basso.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte di registrazione:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.gtricks.com\" class=\"external external_icon\">www.gtricks.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Scopri come scaricare e utilizzare icone di design dei materiali gratuite sulle tue applicazioni.<\/p>\n","protected":false},"author":1,"featured_media":174018,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[638,758],"tags":[],"class_list":["post-220211","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-generale","category-notizia"],"_links":{"self":[{"href":"https:\/\/goodroid.mediadoma.com\/it\/wp-json\/wp\/v2\/posts\/220211","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/goodroid.mediadoma.com\/it\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/goodroid.mediadoma.com\/it\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/goodroid.mediadoma.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/goodroid.mediadoma.com\/it\/wp-json\/wp\/v2\/comments?post=220211"}],"version-history":[{"count":0,"href":"https:\/\/goodroid.mediadoma.com\/it\/wp-json\/wp\/v2\/posts\/220211\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/goodroid.mediadoma.com\/it\/wp-json\/wp\/v2\/media\/174018"}],"wp:attachment":[{"href":"https:\/\/goodroid.mediadoma.com\/it\/wp-json\/wp\/v2\/media?parent=220211"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/goodroid.mediadoma.com\/it\/wp-json\/wp\/v2\/categories?post=220211"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/goodroid.mediadoma.com\/it\/wp-json\/wp\/v2\/tags?post=220211"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}