Googles materialdesign har medfört en drastisk förändring av deras tjänster med vackert kontrasterande färger och interaktiva animationer. Med växlingen kom ikoner utformade för att matcha resten av ekosystemet. Google har gjort alla ikoner tillgängliga gratis på sina webbplatser, här berättar vi hur du laddar ner och använder dem.
Ladda ner gratis ikoner för materialdesign
För att ladda ner ikonerna med materialtema, gå till Googles arkiv. Scrolla ner och du kommer att upptäcka massor av ikoner som är tillgängliga att använda. Du kan antingen söka med hjälp av verktygsfältet eller välja den du behöver genom att faktiskt rulla vilket uppenbarligen kommer att ta upp mycket av din tid. När du har gjort det kommer en horisontell stapel att visas längst ned som innehåller ikonens namn och ett par alternativ du kan justera.
Tips: Om du behöver ladda ner allt materialikoner, gå över till den här länken.
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ärr finns det bara två färgvarianter tillgängliga. Du kan dock använda SVG Editor för att anpassa en SVG-ikon och ändra nyanser för densamma.
Ändra materialdesignade ikoners färg med SVG Editor
För att ändra ikonens färg i SVG-redigeraren klicka på hinkikonen längst ned och välj önskad färg. Tryck på ikonbilden efter att ha importerat den från SVG-redigeringsmenyn i det övre vänstra hörnet. När du är klar, exportera den från samma rullgardinsmeny som vi såg tidigare. Om du behöver redigera ikoner lokalt kan du ladda ner SVG via denna länk.
Google har publicerat en djupgående guide för att använda dessa ikoner på deras Github-sida. Den innehåller även licensdetaljer, iOS/Android-kodavsnitt för att komma igång och ett par metoder för att implementera materialikoner på din webbplats med exempel.
Det var allt. Låt oss veta om vi missat något i kommentarsfältet nedan.