How to design icons in Figma from scratch

[@fabiandominguez92]

exactly what I was looking for, thanks

[@tori2040]

I came across your video on using rotato plugin. the elements in my frame looks stretched when i place the png or video in their template. how do i fix this issue? even after i have adjusted the size of my frame.

[@ajaymenon0]

This is exactly what I was looking for. Thank you so much.

[@AdnanSami-qz5bn]

This is very help full thanks U

[@vidasstirbys9452]

Amazing quality, thank you very much!

[@vigneshselvamani737]

Hai. I downloaded the file but I couldn't import the figma. Could you help me?

[@twbashar]

Wow, man this is really awesome.

[@GaryDid]

My pleasure. Thank you for the kind words

[@icugab]

Gary! Where did you download that grid you mentioned in the video from Material? Also, I'm curious as to why you designed your icons in Figma? What are the pros and cons of designing within Figma and Sketch versus illustrator?

[@GaryDid]

www.sketchappsources.com/free-source/2241-material-icons-grid-sketch-freebie-resource.html

[@John_X_GR]

@@GaryDid From what i see, this one is from 3rd party designer that is not from google. Is there any grid template that is from official material design 3 site? I sure can use that, but i wonder if they have grid template for figma, like they do for illustrator ... Thank you so much for the wonderfull tut video! Liked and subscribed!

[@GaryDid]

@@John_X_GR my pleasure! Maybe try checking out this link: material.io/design/iconography/product-icons.html#grid-and-keyline-shapes

[@John_X_GR]

@@GaryDid Thank you for helping me man! My problem is I can't find any figma file, or somehow import the template into figma in order to create the icon. If you can't find any, or at least find a 3rd party if there arent any official, thats ok 🙂 The page you showed me doesnt say any figma file, or any way to import it to figma. It does mention it, but no link to figma file.

[@GaryDid]

@@John_X_GR Apologize for the delay. m2.material.io/design/iconography/system-icons.html#grid-and-keyline-shapes How about this link?

[@anitaenfp]

Thank you sooooo much!

[@yangstephanie2175]

Thank you for this! Can you please add the material design guideline file to the description please?

[@GaryDid]

www.sketchappsources.com/free-source/2241-material-icons-grid-sketch-freebie-resource.html

[@Тесс-о6л]

Thank you!

[@zohralakri9977]

Can you show us how to make some complicated ones like the share arrow and the iphone icon? Those are giving me a headache.