{"id":220146,"date":"2022-12-27T10:27:00","date_gmt":"2022-12-27T07:27:00","guid":{"rendered":"https:\/\/goodroid.mediadoma.com\/?p=220146"},"modified":"2022-11-10T18:11:06","modified_gmt":"2022-11-10T15:11:06","slug":"descargue-y-use-iconos-de-diseno-de-materiales-gratuitos","status":"publish","type":"post","link":"https:\/\/goodroid.mediadoma.com\/es\/descargue-y-use-iconos-de-diseno-de-materiales-gratuitos\/","title":{"rendered":"Descargue y use iconos de dise\u00f1o de materiales gratuitos"},"content":{"rendered":"<p>Material Design de Google ha tra\u00eddo un cambio dr\u00e1stico en sus servicios con hermosos colores contrastados y animaciones interactivas. Con la alternancia, llegaron \u00edconos creados para combinar con el resto del ecosistema. Google ha puesto a disposici\u00f3n todos los iconos de forma gratuita en sus sitios web, aqu\u00ed te contamos c\u00f3mo descargarlos y usarlos.<\/p>\n<h2><strong>Descargar iconos de dise\u00f1o de materiales gratis<\/strong><\/h2>\n<p>Para descargar los \u00edconos tem\u00e1ticos de Material, dir\u00edjase al <a href=\"https:\/\/design.google.com\/icons\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">repositorio<\/a> de Google. Despl\u00e1cese hacia abajo y descubrir\u00e1 toneladas de iconos disponibles para usar. Puede buscar usando la barra de herramientas o seleccionar el que necesita desplaz\u00e1ndose, lo que obviamente consumir\u00e1 mucho de su tiempo. Una vez que haga eso, aparecer\u00e1 una barra horizontal en la parte inferior que contiene el nombre del \u00edcono y un par de opciones que puede ajustar.<\/p>\n<p>Consejo: si necesita descargar todos los \u00edconos de materiales, dir\u00edjase a este <a href=\"https:\/\/github.com\/google\/material-design-icons\/archive\/2.2.0.zip\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">enlace<\/a>.<\/p>\n<p>Puede especificar el tama\u00f1o, si desea un icono en blanco o negro y, finalmente, puede descargarlos en formato SVG o PNG. Desafortunadamente, solo hay dos variantes de color disponibles. Sin embargo, puede usar el Editor SVG para personalizar un icono SVG y modificar los tonos del mismo.<\/p>\n<h2><strong>Cambie el color de los iconos de dise\u00f1o de material usando el Editor SVG<\/strong><\/h2>\n<p>Para modificar el color del \u00edcono en el editor SVG, haga clic en el \u00edcono del cubo en la parte inferior y seleccione el color deseado. Toque la imagen del icono despu\u00e9s de importarla desde el men\u00fa desplegable de edici\u00f3n de SVG en la esquina superior izquierda. Una vez hecho esto, exp\u00f3rtalo desde el mismo men\u00fa desplegable que vimos antes. Si necesita editar iconos localmente, puede descargar SVG a trav\u00e9s de este <a href=\"https:\/\/code.google.com\/archive\/p\/svg-edit\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">enlace<\/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=\"Descargue y use iconos de dise\u00f1o de materiales gratuitos\" ><\/a><\/p>\n<p>Google ha publicado una gu\u00eda detallada para usar estos \u00edconos en su <a href=\"https:\/\/google.github.io\/material-design-icons\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">p\u00e1gina de Github<\/a>. Tambi\u00e9n incluye detalles de licencia, fragmentos de c\u00f3digo de iOS\/Android para comenzar y un par de m\u00e9todos para implementar \u00edconos de materiales en su sitio web con ejemplos.<\/p>\n<p>Eso fue todo. H\u00e1ganos saber si nos perdimos algo en la secci\u00f3n de comentarios a continuaci\u00f3n.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fuente de grabaci\u00f3n:  <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>Aprenda c\u00f3mo puede descargar y usar \u00edconos de dise\u00f1o de materiales gratuitos en sus aplicaciones.<\/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":[634,754],"tags":[],"class_list":["post-220146","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-general","category-noticias"],"_links":{"self":[{"href":"https:\/\/goodroid.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/220146","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/goodroid.mediadoma.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/goodroid.mediadoma.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/goodroid.mediadoma.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/goodroid.mediadoma.com\/es\/wp-json\/wp\/v2\/comments?post=220146"}],"version-history":[{"count":0,"href":"https:\/\/goodroid.mediadoma.com\/es\/wp-json\/wp\/v2\/posts\/220146\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/goodroid.mediadoma.com\/es\/wp-json\/wp\/v2\/media\/174018"}],"wp:attachment":[{"href":"https:\/\/goodroid.mediadoma.com\/es\/wp-json\/wp\/v2\/media?parent=220146"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/goodroid.mediadoma.com\/es\/wp-json\/wp\/v2\/categories?post=220146"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/goodroid.mediadoma.com\/es\/wp-json\/wp\/v2\/tags?post=220146"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}