{"id":223283,"date":"2022-12-27T09:44:00","date_gmt":"2022-12-27T06:44:00","guid":{"rendered":"https:\/\/goodroid.mediadoma.com\/?p=223283"},"modified":"2022-11-12T10:34:00","modified_gmt":"2022-11-12T07:34:00","slug":"telecharger-et-utiliser-des-icones-de-conception-de-materiel-gratuites","status":"publish","type":"post","link":"https:\/\/goodroid.mediadoma.com\/fr\/telecharger-et-utiliser-des-icones-de-conception-de-materiel-gratuites\/","title":{"rendered":"T\u00e9l\u00e9charger et utiliser des ic\u00f4nes de conception de mat\u00e9riel gratuites"},"content":{"rendered":"

Le Material Design de Google a apport\u00e9 un changement radical \u00e0 ses services avec des couleurs magnifiquement contrast\u00e9es et des animations interactives. Avec l’alternance, sont venues des ic\u00f4nes con\u00e7ues pour correspondre au reste de l’\u00e9cosyst\u00e8me. Google a rendu toutes les ic\u00f4nes disponibles gratuitement sur leurs sites Web, nous vous expliquons ici comment les t\u00e9l\u00e9charger et les utiliser.<\/p>\n

T\u00e9l\u00e9charger des ic\u00f4nes de conception de mat\u00e9riel gratuites<\/strong><\/h2>\n

Pour t\u00e9l\u00e9charger les ic\u00f4nes sur le th\u00e8me Material, rendez-vous sur le r\u00e9f\u00e9rentiel<\/a> de Google. Faites d\u00e9filer vers le bas et vous d\u00e9couvrirez des tonnes d’ic\u00f4nes disponibles \u00e0 utiliser. Vous pouvez soit effectuer une recherche \u00e0 l’aide de la barre d’outils, soit s\u00e9lectionner celle dont vous avez besoin en faisant d\u00e9filer, ce qui vous prendra \u00e9videmment beaucoup de temps. Une fois que vous avez fait cela, une barre horizontale appara\u00eetra en bas contenant le nom de l’ic\u00f4ne et quelques options que vous pouvez ajuster.<\/p>\n

Astuce: Si vous avez besoin de t\u00e9l\u00e9charger toutes les ic\u00f4nes mat\u00e9rielles, rendez-vous sur ce lien<\/a>.<\/p>\n

Vous pouvez sp\u00e9cifier la taille, si vous voulez une ic\u00f4ne noire ou blanche et enfin, vous pouvez les t\u00e9l\u00e9charger au format SVG ou PNG. Malheureusement, il n’y a que deux variantes de couleurs disponibles. Cependant, vous pouvez utiliser SVG Editor pour personnaliser une ic\u00f4ne SVG et en modifier les nuances.<\/p>\n

Modifier la couleur des ic\u00f4nes con\u00e7ues par le mat\u00e9riau \u00e0 l’aide de l’\u00e9diteur SVG<\/strong><\/h2>\n

Pour modifier la couleur de l’ic\u00f4ne dans l’\u00e9diteur SVG, cliquez sur l’ic\u00f4ne du seau en bas et s\u00e9lectionnez la couleur souhait\u00e9e. Appuyez sur l’image de l’ic\u00f4ne apr\u00e8s l’avoir import\u00e9e \u00e0 partir de la liste d\u00e9roulante d’\u00e9dition SVG dans le coin sup\u00e9rieur gauche. Une fois cela fait, exportez-le \u00e0 partir du m\u00eame menu d\u00e9roulant que nous avons vu pr\u00e9c\u00e9demment. Si vous avez besoin de modifier des ic\u00f4nes localement, vous pouvez t\u00e9l\u00e9charger SVG via ce lien<\/a>.<\/p>\n

\"T\u00e9l\u00e9charger<\/a><\/p>\n

Google a publi\u00e9 un guide d\u00e9taill\u00e9 pour l’utilisation de ces ic\u00f4nes sur leur page Github<\/a>. Il comprend \u00e9galement des d\u00e9tails sur les licences, des extraits de code iOS\/Android pour commencer et quelques m\u00e9thodes pour impl\u00e9menter des ic\u00f4nes mat\u00e9rielles sur votre site Web avec des exemples.<\/p>\n

C’\u00e9tait tout. Faites-nous savoir si nous avons manqu\u00e9 quelque chose dans la section des commentaires ci-dessous.<\/p>\n

Source d’enregistrement: www.gtricks.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"

D\u00e9couvrez comment vous pouvez t\u00e9l\u00e9charger et utiliser des ic\u00f4nes de conception de mat\u00e9riaux gratuites sur vos applications.<\/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":[635,755],"tags":[],"class_list":["post-223283","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-general-2","category-nouvelles"],"_links":{"self":[{"href":"https:\/\/goodroid.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts\/223283","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/goodroid.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/goodroid.mediadoma.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/goodroid.mediadoma.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/goodroid.mediadoma.com\/fr\/wp-json\/wp\/v2\/comments?post=223283"}],"version-history":[{"count":0,"href":"https:\/\/goodroid.mediadoma.com\/fr\/wp-json\/wp\/v2\/posts\/223283\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/goodroid.mediadoma.com\/fr\/wp-json\/wp\/v2\/media\/174018"}],"wp:attachment":[{"href":"https:\/\/goodroid.mediadoma.com\/fr\/wp-json\/wp\/v2\/media?parent=223283"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/goodroid.mediadoma.com\/fr\/wp-json\/wp\/v2\/categories?post=223283"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/goodroid.mediadoma.com\/fr\/wp-json\/wp\/v2\/tags?post=223283"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}