{"id":220240,"date":"2022-12-27T10:32:00","date_gmt":"2022-12-27T07:32:00","guid":{"rendered":"https:\/\/goodroid.mediadoma.com\/?p=220240"},"modified":"2022-11-10T18:38:33","modified_gmt":"2022-11-10T15:38:33","slug":"ladda-ner-och-anvaend-gratis-materialdesignikoner","status":"publish","type":"post","link":"https:\/\/goodroid.mediadoma.com\/sv\/ladda-ner-och-anvaend-gratis-materialdesignikoner\/","title":{"rendered":"Ladda ner och anv\u00e4nd gratis materialdesignikoner"},"content":{"rendered":"

Googles materialdesign har medf\u00f6rt en drastisk f\u00f6r\u00e4ndring av deras tj\u00e4nster med vackert kontrasterande f\u00e4rger och interaktiva animationer. Med v\u00e4xlingen kom ikoner utformade f\u00f6r att matcha resten av ekosystemet. Google har gjort alla ikoner tillg\u00e4ngliga gratis p\u00e5 sina webbplatser, h\u00e4r ber\u00e4ttar vi hur du laddar ner och anv\u00e4nder dem.<\/p>\n

Ladda ner gratis ikoner f\u00f6r materialdesign<\/strong><\/h2>\n

F\u00f6r att ladda ner ikonerna med materialtema, g\u00e5 till Googles arkiv<\/a>. Scrolla ner och du kommer att uppt\u00e4cka massor av ikoner som \u00e4r tillg\u00e4ngliga att anv\u00e4nda. Du kan antingen s\u00f6ka med hj\u00e4lp av verktygsf\u00e4ltet eller v\u00e4lja den du beh\u00f6ver genom att faktiskt rulla vilket uppenbarligen kommer att ta upp mycket av din tid. N\u00e4r du har gjort det kommer en horisontell stapel att visas l\u00e4ngst ned som inneh\u00e5ller ikonens namn och ett par alternativ du kan justera.<\/p>\n

Tips: Om du beh\u00f6ver ladda ner allt materialikoner, g\u00e5 \u00f6ver till den h\u00e4r l\u00e4nken<\/a>.<\/p>\n

Du kan ange storleken, om du vill ha en svart eller vit ikon och slutligen kan du ladda ner dem antingen som SVG- eller PNG-format. Tyv\u00e4rr finns det bara tv\u00e5 f\u00e4rgvarianter tillg\u00e4ngliga. Du kan dock anv\u00e4nda SVG Editor f\u00f6r att anpassa en SVG-ikon och \u00e4ndra nyanser f\u00f6r densamma.<\/p>\n

\u00c4ndra materialdesignade ikoners f\u00e4rg med SVG Editor<\/strong><\/h2>\n

F\u00f6r att \u00e4ndra ikonens f\u00e4rg i SVG-redigeraren klicka p\u00e5 hinkikonen l\u00e4ngst ned och v\u00e4lj \u00f6nskad f\u00e4rg. Tryck p\u00e5 ikonbilden efter att ha importerat den fr\u00e5n SVG-redigeringsmenyn i det \u00f6vre v\u00e4nstra h\u00f6rnet. N\u00e4r du \u00e4r klar, exportera den fr\u00e5n samma rullgardinsmeny som vi s\u00e5g tidigare. Om du beh\u00f6ver redigera ikoner lokalt kan du ladda ner SVG via denna l\u00e4nk<\/a>.<\/p>\n

\"Ladda<\/a><\/p>\n

Google har publicerat en djupg\u00e5ende guide f\u00f6r att anv\u00e4nda dessa ikoner p\u00e5 deras Github-sida<\/a>. Den inneh\u00e5ller \u00e4ven licensdetaljer, iOS\/Android-kodavsnitt f\u00f6r att komma ig\u00e5ng och ett par metoder f\u00f6r att implementera materialikoner p\u00e5 din webbplats med exempel.<\/p>\n

Det var allt. L\u00e5t oss veta om vi missat n\u00e5got i kommentarsf\u00e4ltet nedan.<\/p>\n

Inspelningsk\u00e4lla: www.gtricks.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"

L\u00e4r dig hur du kan ladda ner och anv\u00e4nda kostnadsfria materialdesignikoner i dina applikationer.<\/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":[642,762],"tags":[],"class_list":["post-220240","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-allmaen","category-nyheter"],"_links":{"self":[{"href":"https:\/\/goodroid.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/220240","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/goodroid.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/goodroid.mediadoma.com\/sv\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/goodroid.mediadoma.com\/sv\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/goodroid.mediadoma.com\/sv\/wp-json\/wp\/v2\/comments?post=220240"}],"version-history":[{"count":0,"href":"https:\/\/goodroid.mediadoma.com\/sv\/wp-json\/wp\/v2\/posts\/220240\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/goodroid.mediadoma.com\/sv\/wp-json\/wp\/v2\/media\/174018"}],"wp:attachment":[{"href":"https:\/\/goodroid.mediadoma.com\/sv\/wp-json\/wp\/v2\/media?parent=220240"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/goodroid.mediadoma.com\/sv\/wp-json\/wp\/v2\/categories?post=220240"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/goodroid.mediadoma.com\/sv\/wp-json\/wp\/v2\/tags?post=220240"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}