{"id":220230,"date":"2022-12-27T10:19:00","date_gmt":"2022-12-27T07:19:00","guid":{"rendered":"https:\/\/goodroid.mediadoma.com\/?p=220230"},"modified":"2022-11-10T18:35:47","modified_gmt":"2022-11-10T15:35:47","slug":"pobierz-i-uzywaj-bezplatnych-ikon-projektowania-materialow","status":"publish","type":"post","link":"https:\/\/goodroid.mediadoma.com\/pl\/pobierz-i-uzywaj-bezplatnych-ikon-projektowania-materialow\/","title":{"rendered":"Pobierz i u\u017cywaj bezp\u0142atnych ikon projektowania materia\u0142\u00f3w"},"content":{"rendered":"<p>Material Design Google przyni\u00f3s\u0142 drastyczn\u0105 zmian\u0119 w swoich us\u0142ugach dzi\u0119ki pi\u0119knie kontrastuj\u0105cym kolorom i interaktywnym animacjom. Wraz z przemian\u0105 pojawi\u0142y si\u0119 ikony dopasowane do reszty ekosystemu. Google udost\u0119pni\u0142 wszystkie ikony za darmo na swoich stronach internetowych, tutaj m\u00f3wimy, jak je pobra\u0107 i u\u017cywa\u0107.<\/p>\n<h2><strong>Pobierz bezp\u0142atne ikony projektowania materia\u0142\u00f3w<\/strong><\/h2>\n<p>Aby pobra\u0107 ikony tematyczne Materia\u0142, przejd\u017a do <a href=\"https:\/\/design.google.com\/icons\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">repozytorium<\/a> Google. Przewi\u0144 w d\u00f3\u0142, a odkryjesz mn\u00f3stwo ikon dost\u0119pnych do u\u017cycia. Mo\u017cesz wyszukiwa\u0107 za pomoc\u0105 paska narz\u0119dzi lub wybra\u0107 ten, kt\u00f3rego potrzebujesz, przewijaj\u0105c, co oczywi\u015bcie zajmie du\u017co czasu. Gdy to zrobisz, na dole pojawi si\u0119 poziomy pasek zawieraj\u0105cy nazw\u0119 ikony i kilka opcji, kt\u00f3re mo\u017cesz dostosowa\u0107.<\/p>\n<p>Wskaz\u00f3wka: je\u015bli chcesz pobra\u0107 wszystkie ikony materia\u0142\u00f3w, przejd\u017a do tego <a href=\"https:\/\/github.com\/google\/material-design-icons\/archive\/2.2.0.zip\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">linku<\/a>.<\/p>\n<p>Mo\u017cesz okre\u015bli\u0107 rozmiar, czy chcesz czarn\u0105 lub bia\u0142\u0105 ikon\u0119, a na koniec mo\u017cesz pobra\u0107 je w formacie SVG lub PNG. Niestety dost\u0119pne s\u0105 tylko dwa warianty kolorystyczne. Mo\u017cesz jednak u\u017cy\u0107 Edytora SVG, aby dostosowa\u0107 ikon\u0119 SVG i zmieni\u0107 odcienie.<\/p>\n<h2><strong>Zmie\u0144 kolor ikon zaprojektowanych materia\u0142\u00f3w za pomoc\u0105 edytora SVG<\/strong><\/h2>\n<p>Aby zmieni\u0107 kolor ikony w edytorze SVG, kliknij ikon\u0119 wiadra na dole i wybierz \u017c\u0105dany kolor. Stuknij obraz ikony po zaimportowaniu go z menu rozwijanego edycji SVG w lewym g\u00f3rnym rogu. Po zako\u0144czeniu wyeksportuj go z tego samego menu rozwijanego, kt\u00f3re widzieli\u015bmy wcze\u015bniej. Je\u015bli chcesz edytowa\u0107 ikony lokalnie, mo\u017cesz pobra\u0107 SVG za po\u015brednictwem tego <a href=\"https:\/\/code.google.com\/archive\/p\/svg-edit\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">linku<\/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=\"Pobierz i u\u017cywaj bezp\u0142atnych ikon projektowania materia\u0142\u00f3w\" ><\/a><\/p>\n<p>Firma Google opublikowa\u0142a szczeg\u00f3\u0142owy przewodnik dotycz\u0105cy u\u017cywania tych ikon na swojej <a href=\"https:\/\/google.github.io\/material-design-icons\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">stronie Github<\/a>. Zawiera r\u00f3wnie\u017c szczeg\u00f3\u0142y dotycz\u0105ce licencji, fragmenty kodu iOS\/Android na pocz\u0105tek oraz kilka metod implementacji ikon materia\u0142\u00f3w w witrynie wraz z przyk\u0142adami.<\/p>\n<p>To by\u0142o wszystko. Daj nam zna\u0107, je\u015bli co\u015b przegapili\u015bmy w sekcji komentarzy poni\u017cej.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\u0179r\u00f3d\u0142o nagrywania:  <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>Dowiedz si\u0119, jak pobra\u0107 i u\u017cywa\u0107 bezp\u0142atnych ikon projektowania materia\u0142\u00f3w w swoich aplikacjach.<\/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":[759,639],"tags":[],"class_list":["post-220230","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-aktualnosci","category-ogolny"],"_links":{"self":[{"href":"https:\/\/goodroid.mediadoma.com\/pl\/wp-json\/wp\/v2\/posts\/220230","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/goodroid.mediadoma.com\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/goodroid.mediadoma.com\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/goodroid.mediadoma.com\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/goodroid.mediadoma.com\/pl\/wp-json\/wp\/v2\/comments?post=220230"}],"version-history":[{"count":0,"href":"https:\/\/goodroid.mediadoma.com\/pl\/wp-json\/wp\/v2\/posts\/220230\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/goodroid.mediadoma.com\/pl\/wp-json\/wp\/v2\/media\/174018"}],"wp:attachment":[{"href":"https:\/\/goodroid.mediadoma.com\/pl\/wp-json\/wp\/v2\/media?parent=220230"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/goodroid.mediadoma.com\/pl\/wp-json\/wp\/v2\/categories?post=220230"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/goodroid.mediadoma.com\/pl\/wp-json\/wp\/v2\/tags?post=220230"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}