How to Design a Vector Icon in Figma (Beginner SVG Tutorial)

Описание: ►Download FREE 24px grid and practice files: https://cryestudio.systeme.io/icon-gr...

In this quick Figma tutorial, you'll learn how to design a custom gear icon using basic shapes and Figma’s Subtract Selection tool. This is perfect for UI designers, web designers, or beginners learning vector design. Whether you're building icons for interfaces or just want to sharpen your Figma skills, this simple method gets the job done.

💡 WHAT YOU'LL LEARN
► Create a vector icon in Figma using shapes and alignment tools
► Use Boolean operations to subtract shapes
► Finalize a clean, scalable vector icon in Figma

👍 Like & Subscribe to Crye Studio for more Figma tips, graphic design tutorials, and creative workflows!

💡 CONTENTS
00:00 - Introduction
00:15 - Create a vector gear icon in Figma
00:38 - Align shapes
00:48 - Cut out a shape in Figma using subtract selection

🎨 TOOLS I RECOMMEND:
👉 Try Canva Pro free for 30 days: https://partner.canva.com/kOARLL
👉 Download Adobe Illustrator: https://www.adobe.com/?sdid=49F59KY6&...

🎁 FREE STUFF
►Download FREE 24px grid and practice files: https://cryestudio.systeme.io/icon-gr...
►Download the FREE logo export cheat sheet and file template: https://cryestudio.systeme.io/logoexp...
►Grab the FREE Logo Design Workbook:
https://cryestudio.systeme.io/logo_de...
►Grab the FREE Logo Design Resource Guide:
https://cryestudio.systeme.io/logo-de...

➡️ FOLLOW ME
► Subscribe to my YouTube channel:    / @cryestudio  
► Subscribe to my newsletter: https://cryestudio.kit.com/newsletter
► Check out my blog and get in touch: http://cryestudio.com
► Check out my graphic design portfolio: https://www.behance.net/cryestudio

🍿WATCH NEXT
► Graphic design fundamentals course -    • 11 Basic Graphic Design Principles - Shape...  
► Photoshop for beginners - FULL COURSE:    • FREE Beginner Photoshop Course - With Prac...  
► Adobe InDesign course for beginners:    • Free InDesign Course For Beginners: How To...  
► Create an ad design in Adobe InDesign:    • Create an ad design in Adobe InDesign - St...  

Have other questions not covered in this video? Let me know in the comments below.

👋 ABOUT ME
I'm Kellie Crye Ward — a graphic and web designer with 20+ years of experience helping brands stand out with smart, intentional design. I make complex design tools like Adobe and Canva feel simple and approachable.

Through CryeStudio, I teach creative business owners and aspiring designers how to confidently create logos, marketing materials, and digital products — without overwhelm.

Subscribe for step-by-step tutorials, practical tips, and tons of free design resources to level up your skills.

For questions or inquiries, contact me at [email protected].



#graphicdesign #art #creativity #designprocess #masteringart #graphicdesignprocess #creativeprocess #design #graphicartist #digitalart #illustration #graphicdesignskills #creativejourney #creativeminds #designinspiration #learninggraphicdesign #designeducation #artisticprocess #graphicdesigncommunity #designthinking #graphicdesigntutorial #IconDesign #AdobeIllustrator #GraphicDesignTips #DesignTutorials #AdobeIllustrator #UXUIDesign #MaterialDesign #DesignSystem #GraphicDesign #IllustratorTutorial #VectorIcons #CryeStudio #DesignTips #IconGrid #UIIcons #IllustratorTips #CreativeWorkflow #googlematerialdesign #FigmaTutorial #VectorDesign #IconDesign #GearIcon #GraphicDesign #FigmaTips #DesignTools #BooleanShapes #UIUXDesign #DesignWorkflow #FigmaIcons #CreativeTips #CryeStudio #WebDesignTools #FigmaForBeginners