{"id":22382,"date":"2021-03-04T20:56:12","date_gmt":"2021-03-04T19:56:12","guid":{"rendered":"https:\/\/savinol.sg-host.com\/webdesign\/google-fonts-arrivano-le-icone-basate-sul-material-design\/"},"modified":"2021-03-04T20:56:12","modified_gmt":"2021-03-04T19:56:12","slug":"google-fonts-arrivano-le-icone-basate-sul-material-design","status":"publish","type":"post","link":"https:\/\/www.nycwebdesign.eu\/webdesign\/google-fonts-arrivano-le-icone-basate-sul-material-design\/","title":{"rendered":"Google Fonts: arrivano le icone basate sul Material Design"},"content":{"rendered":"<p> <br \/>\n<\/p>\n<div>\n<p>La piattaforma <strong>Google Fonts<\/strong> ha ora un nuovo logo ispirato all\u2019astrattismo ma non si tratta dell\u2019unica novit\u00e0 proposta dal progetto, ancora pi\u00f9 interessante \u00e8 il fatto che il servizio mette a disposizione un set composto da oltre 2 mila <strong>icone<\/strong> liberamente utilizzabili tra le quali scegliere per i propri progetti online.<span id=\"more-402166\"\/><\/p>\n<h2>Stili grafici e Material Design<\/h2>\n<p>Gli stili grafici attualmente disponibili sono 5, \u201c<em>outline<\/em>\u201c, \u201c<em>filled<\/em>\u201c, \u201c<em>rounded<\/em>\u201c, \u201c<em>sharp<\/em>\u201d e \u201c<em>two tone<\/em>\u201c, a cui si aggiungono una serie di dimensioni e densit\u00e0 pronte per il download. Le specifiche di riferimento sono quelle del <strong>Material Design<\/strong> che \u00e8 stato concepito dalla stessa Big G divenendo uno standard di fatto per le interfacce di tutti i suoi ecosistemi. <\/p>\n<p>Il Material Design assicura un\u2019elevata leggibilit\u00e0 e chiarezza in fase di rendering indipendentemente dalle dimensioni, nello stesso modo le icone sono state ottimizzate per qualsiasi tipo di display o risoluzione.<\/p>\n<p>Tali icone, che vengono distribuite sotto licenza Apache in versione 2.0, sono disponibili in diversi formati e possono essere integrati in tipi di piattaforme e progetti differenti, sia che si tratti di applicazioni (per gli sviluppatori) che di prototipi o mockup (per i designer). <\/p>\n<p><a href=\"https:\/\/static.html.it\/app\/uploads\/2021\/03\/github-dev-image.png\"><img loading=\"lazy\" src=\"https:\/\/static.html.it\/app\/uploads\/2021\/03\/github-dev-image.png\" alt=\"\" width=\"2080\" height=\"1000\" class=\"aligncenter size-full wp-image-402167\" srcset=\"https:\/\/cdn.html.it\/8Wqbya07KU8alMfALS4snNkfXfM=\/2080x\/smart\/https:\/\/static.html.it\/app\/uploads\/2021\/03\/github-dev-image.png 2080w, https:\/\/cdn.html.it\/a0Tr3cWevDvX0jL2LQPiNbQJdRc=\/300x\/smart\/https:\/\/static.html.it\/app\/uploads\/2021\/03\/github-dev-image.png 300w, https:\/\/cdn.html.it\/7CCtpDOpF7OKJiBCygOyVtqxK8U=\/600x\/smart\/https:\/\/static.html.it\/app\/uploads\/2021\/03\/github-dev-image.png 600w, https:\/\/cdn.html.it\/P4im9p-n_lNgxu1rw_UAhUYiZiw=\/1536x\/smart\/https:\/\/static.html.it\/app\/uploads\/2021\/03\/github-dev-image.png 1536w, https:\/\/cdn.html.it\/k4RxmvttrR6FZMR_edQWz2om1WI=\/2048x\/smart\/https:\/\/static.html.it\/app\/uploads\/2021\/03\/github-dev-image.png 2048w\" sizes=\"(max-width: 2080px) 100vw, 2080px\" style=\"display:none;visibility:hidden;\"\/><noscript><img loading=\"lazy\" src=\"https:\/\/static.html.it\/app\/uploads\/2021\/03\/github-dev-image.png\" alt=\"\" width=\"2080\" height=\"1000\" class=\"aligncenter size-full wp-image-402167\" srcset=\"https:\/\/cdn.html.it\/8Wqbya07KU8alMfALS4snNkfXfM=\/2080x\/smart\/https:\/\/static.html.it\/app\/uploads\/2021\/03\/github-dev-image.png 2080w, https:\/\/cdn.html.it\/a0Tr3cWevDvX0jL2LQPiNbQJdRc=\/300x\/smart\/https:\/\/static.html.it\/app\/uploads\/2021\/03\/github-dev-image.png 300w, https:\/\/cdn.html.it\/7CCtpDOpF7OKJiBCygOyVtqxK8U=\/600x\/smart\/https:\/\/static.html.it\/app\/uploads\/2021\/03\/github-dev-image.png 600w, https:\/\/cdn.html.it\/P4im9p-n_lNgxu1rw_UAhUYiZiw=\/1536x\/smart\/https:\/\/static.html.it\/app\/uploads\/2021\/03\/github-dev-image.png 1536w, https:\/\/cdn.html.it\/k4RxmvttrR6FZMR_edQWz2om1WI=\/2048x\/smart\/https:\/\/static.html.it\/app\/uploads\/2021\/03\/github-dev-image.png 2048w\" sizes=\"(max-width: 2080px) 100vw, 2080px\"\/><\/noscript><\/a><\/p>\n<p>La <em>material icon library<\/em> fornisce quindi icone nei formati SVG e PNG, ideali per i progetti Web based, nelle varianti per Android e iOS e nella versione per le lingue di tipo RTL (<em>right-to-left<\/em>) sempre per Internet, il Robottino Verde e il sistema operativo di Apple. Vi \u00e8 inoltre la possibilit\u00e0 di generare icone RTL tramite ImageMagick quando non si pu\u00f2 effettuare il mirroring nel codice.<\/p>\n<h2>Installazione delle icone di Google Fonts<\/h2>\n<p>E\u2019 disponibile un archivio compresso in formato Zip del peso di circa 60 MB che consente di scaricare tutte le icone sul proprio dispositivo per lo sviluppo in locale, nello stesso modo si pu\u00f2 procedere alla clonazione del <strong>repository Git<\/strong> che contiene il set completo delle icone nei vari formati implementati:<\/p>\n<pre><code class=\"language-markup\">\n$ git clone https:\/\/github.com\/google\/material-design-icons\/\n<\/code><\/pre>\n<p>Sono poi supportate le installazioni tramite il package manager Bower:<\/p>\n<pre><code class=\"language-markup\">\n$ bower install material-design-icons\n<\/code><\/pre>\n<p>ed npm<\/p>\n<pre><code class=\"language-markup\">\n$ npm install material-design-icons\n<\/code><\/pre>\n<p>Se invece si proferisce l\u2019inclusione da CDN \u00e8 possibile ricorrere al collegamento:<\/p>\n<pre><code class=\"language-markup\">\n&lt;link href=\"https:\/\/fonts.googleapis.com\/icon?family=Material+Icons\" rel=\"stylesheet\"&gt;\n<\/code><\/pre>\n<p>che, esattamente come accade con i Google Web Fonts, fornisce il CSS corretto per l\u2019attivazione delle Material Icons.<\/p>\n<p><em>Fonte<\/em>: <a href=\"https:\/\/fonts.google.com\/icons\" class=\"text-link text-link--special\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><span class=\"underline\">Google Fonts<\/span><i class=\"ico-external\"\/><\/a><\/p>\n<\/div>\n<p><br \/>\n<br \/><a href=\"http:\/\/feedproxy.google.com\/~r\/htmlitedit\/~3\/bEZCEco6_Sc\/\">Source link <\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>La piattaforma Google Fonts ha ora un nuovo logo ispirato all\u2019astrattismo ma non si tratta dell\u2019unica novit\u00e0 proposta dal progetto, ancora pi\u00f9 interessante \u00e8 il fatto che il servizio mette a disposizione un set composto da oltre 2 mila icone liberamente utilizzabili tra le quali scegliere per i propri progetti online. Stili grafici e Material&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_s2mail":""},"categories":[37],"tags":[],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.13 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Google Fonts: arrivano le icone basate sul Material Design - AGENZIA WEB Italia<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.nycwebdesign.eu\/webdesign\/google-fonts-arrivano-le-icone-basate-sul-material-design\/\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Google Fonts: arrivano le icone basate sul Material Design - AGENZIA WEB Italia\" \/>\n<meta property=\"og:description\" content=\"La piattaforma Google Fonts ha ora un nuovo logo ispirato all\u2019astrattismo ma non si tratta dell\u2019unica novit\u00e0 proposta dal progetto, ancora pi\u00f9 interessante \u00e8 il fatto che il servizio mette a disposizione un set composto da oltre 2 mila icone liberamente utilizzabili tra le quali scegliere per i propri progetti online. Stili grafici e Material...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.nycwebdesign.eu\/webdesign\/google-fonts-arrivano-le-icone-basate-sul-material-design\/\" \/>\n<meta property=\"og:site_name\" content=\"AGENZIA WEB Italia\" \/>\n<meta property=\"article:published_time\" content=\"2021-03-04T19:56:12+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/static.html.it\/app\/uploads\/2021\/03\/github-dev-image.png\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/google-fonts-arrivano-le-icone-basate-sul-material-design\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/google-fonts-arrivano-le-icone-basate-sul-material-design\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/#\/schema\/person\/c0748e23499fac2fd73b79d1379fdf42\"},\"headline\":\"Google Fonts: arrivano le icone basate sul Material Design\",\"datePublished\":\"2021-03-04T19:56:12+00:00\",\"dateModified\":\"2021-03-04T19:56:12+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/google-fonts-arrivano-le-icone-basate-sul-material-design\/\"},\"wordCount\":366,\"publisher\":{\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/#organization\"},\"articleSection\":[\"News\"],\"inLanguage\":\"it-IT\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/google-fonts-arrivano-le-icone-basate-sul-material-design\/\",\"url\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/google-fonts-arrivano-le-icone-basate-sul-material-design\/\",\"name\":\"Google Fonts: arrivano le icone basate sul Material Design - AGENZIA WEB Italia\",\"isPartOf\":{\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/#website\"},\"datePublished\":\"2021-03-04T19:56:12+00:00\",\"dateModified\":\"2021-03-04T19:56:12+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/google-fonts-arrivano-le-icone-basate-sul-material-design\/#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.nycwebdesign.eu\/webdesign\/google-fonts-arrivano-le-icone-basate-sul-material-design\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/google-fonts-arrivano-le-icone-basate-sul-material-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Google Fonts: arrivano le icone basate sul Material Design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/#website\",\"url\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/\",\"name\":\"AGENZIA WEB Italia\",\"description\":\"Web design Web agency Italia\",\"publisher\":{\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"it-IT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/#organization\",\"name\":\"Multimedia Web\",\"url\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/wp-content\/uploads\/2016\/05\/multimediaweb1.png\",\"contentUrl\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/wp-content\/uploads\/2016\/05\/multimediaweb1.png\",\"width\":200,\"height\":57,\"caption\":\"Multimedia Web\"},\"image\":{\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/#\/schema\/person\/c0748e23499fac2fd73b79d1379fdf42\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\/\/www.nycwebdesign.eu\/webdesign\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/991cd68bbfd6f946517378a63fc3a1f7?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/991cd68bbfd6f946517378a63fc3a1f7?s=96&d=mm&r=g\",\"caption\":\"admin\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Google Fonts: arrivano le icone basate sul Material Design - AGENZIA WEB Italia","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.nycwebdesign.eu\/webdesign\/google-fonts-arrivano-le-icone-basate-sul-material-design\/","og_locale":"it_IT","og_type":"article","og_title":"Google Fonts: arrivano le icone basate sul Material Design - AGENZIA WEB Italia","og_description":"La piattaforma Google Fonts ha ora un nuovo logo ispirato all\u2019astrattismo ma non si tratta dell\u2019unica novit\u00e0 proposta dal progetto, ancora pi\u00f9 interessante \u00e8 il fatto che il servizio mette a disposizione un set composto da oltre 2 mila icone liberamente utilizzabili tra le quali scegliere per i propri progetti online. Stili grafici e Material...","og_url":"https:\/\/www.nycwebdesign.eu\/webdesign\/google-fonts-arrivano-le-icone-basate-sul-material-design\/","og_site_name":"AGENZIA WEB Italia","article_published_time":"2021-03-04T19:56:12+00:00","og_image":[{"url":"https:\/\/static.html.it\/app\/uploads\/2021\/03\/github-dev-image.png"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Scritto da":"admin","Tempo di lettura stimato":"2 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/google-fonts-arrivano-le-icone-basate-sul-material-design\/#article","isPartOf":{"@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/google-fonts-arrivano-le-icone-basate-sul-material-design\/"},"author":{"name":"admin","@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/#\/schema\/person\/c0748e23499fac2fd73b79d1379fdf42"},"headline":"Google Fonts: arrivano le icone basate sul Material Design","datePublished":"2021-03-04T19:56:12+00:00","dateModified":"2021-03-04T19:56:12+00:00","mainEntityOfPage":{"@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/google-fonts-arrivano-le-icone-basate-sul-material-design\/"},"wordCount":366,"publisher":{"@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/#organization"},"articleSection":["News"],"inLanguage":"it-IT"},{"@type":"WebPage","@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/google-fonts-arrivano-le-icone-basate-sul-material-design\/","url":"https:\/\/www.nycwebdesign.eu\/webdesign\/google-fonts-arrivano-le-icone-basate-sul-material-design\/","name":"Google Fonts: arrivano le icone basate sul Material Design - AGENZIA WEB Italia","isPartOf":{"@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/#website"},"datePublished":"2021-03-04T19:56:12+00:00","dateModified":"2021-03-04T19:56:12+00:00","breadcrumb":{"@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/google-fonts-arrivano-le-icone-basate-sul-material-design\/#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.nycwebdesign.eu\/webdesign\/google-fonts-arrivano-le-icone-basate-sul-material-design\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/google-fonts-arrivano-le-icone-basate-sul-material-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.nycwebdesign.eu\/webdesign\/"},{"@type":"ListItem","position":2,"name":"Google Fonts: arrivano le icone basate sul Material Design"}]},{"@type":"WebSite","@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/#website","url":"https:\/\/www.nycwebdesign.eu\/webdesign\/","name":"AGENZIA WEB Italia","description":"Web design Web agency Italia","publisher":{"@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.nycwebdesign.eu\/webdesign\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"it-IT"},{"@type":"Organization","@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/#organization","name":"Multimedia Web","url":"https:\/\/www.nycwebdesign.eu\/webdesign\/","logo":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/#\/schema\/logo\/image\/","url":"https:\/\/www.nycwebdesign.eu\/webdesign\/wp-content\/uploads\/2016\/05\/multimediaweb1.png","contentUrl":"https:\/\/www.nycwebdesign.eu\/webdesign\/wp-content\/uploads\/2016\/05\/multimediaweb1.png","width":200,"height":57,"caption":"Multimedia Web"},"image":{"@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/#\/schema\/person\/c0748e23499fac2fd73b79d1379fdf42","name":"admin","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.nycwebdesign.eu\/webdesign\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/991cd68bbfd6f946517378a63fc3a1f7?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/991cd68bbfd6f946517378a63fc3a1f7?s=96&d=mm&r=g","caption":"admin"}}]}},"_links":{"self":[{"href":"https:\/\/www.nycwebdesign.eu\/webdesign\/wp-json\/wp\/v2\/posts\/22382"}],"collection":[{"href":"https:\/\/www.nycwebdesign.eu\/webdesign\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.nycwebdesign.eu\/webdesign\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.nycwebdesign.eu\/webdesign\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nycwebdesign.eu\/webdesign\/wp-json\/wp\/v2\/comments?post=22382"}],"version-history":[{"count":0,"href":"https:\/\/www.nycwebdesign.eu\/webdesign\/wp-json\/wp\/v2\/posts\/22382\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.nycwebdesign.eu\/webdesign\/wp-json\/wp\/v2\/media?parent=22382"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nycwebdesign.eu\/webdesign\/wp-json\/wp\/v2\/categories?post=22382"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nycwebdesign.eu\/webdesign\/wp-json\/wp\/v2\/tags?post=22382"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}