Icons on Figma - Scalable Vector Graphics

Icons might appear as simple and insignificant objects, but this couldn't be further from the truth. Designing icons requires time and effort, and it is typically undertaken by professional icon designers—those who have delved into and mastered the nuances of this craft.

This training course serves as a continuation of Scalable Vector Graphics Part 1. In this course, you will acquire the fundamental skills for using and editing icons on Figma. Realistically, there is a vast array of pre-made icon sets readily available. Rarely will you need to create something entirely new from scratch. More often, especially in freelance, you'll be utilizing icon sets crafted by professional designers, making necessary adjustments as needed.

After completing this training, you will have the knowledge how to locate and utilize both free and premium icon sets and to make edits using the appropriate vector tools in Figma.

Keep in mind that this is a beginner-friendly course, designed with the primary goal of advancing your understanding of scalable vector graphics, with a particular emphasis on icon design.

Completing Scalable Vector Graphics Part 1 course might be beneficial, but not essential.

This training course is free and will remain so.

I really hope that you will consider joining, and I look forward to seeing you inside.

What's inside

Syllabus

Main Training Course

Introduction

Vector Objects

Lines

Grid

Boolean Operations

Resources

Plugins

Editing

Exporting

Bonus

Activities

Be better prepared before your course. Deepen your understanding during and after it. Supplement your coursework and achieve mastery of the topics covered in Icons on Figma - Scalable Vector Graphics - Part 2 with these activities:

Review Vector Graphics Fundamentals

Show steps

Reinforce your understanding of vector graphics principles to better grasp icon editing techniques in Figma.

Browse courses on Vector Graphics

Show steps

Review the basics of vector paths and shapes.
Practice creating simple vector illustrations.
Familiarize yourself with vector editing tools.

Read 'Practical SVG'

Show steps

Gain a deeper understanding of SVG to enhance your icon editing skills in Figma.

View Practical SVG on Amazon

Show steps

Read the chapters on SVG syntax and structure.
Experiment with the code examples provided in the book.

Follow Figma Icon Editing Tutorials

Show steps

Refine your Figma icon editing skills by following online tutorials and practicing specific techniques.

Show steps

Search for tutorials on editing icons in Figma.
Follow along with the tutorials, practicing each step.
Experiment with different editing techniques.

Four other activities

Expand to see all activities and additional details

Show all seven activities

Read 'The Icon Handbook'

Show steps

Improve your icon design skills by learning from a comprehensive guide on icon design principles.

View Putting Knowledge to Work on Amazon

Show steps

Read the chapters on icon design principles.
Analyze the examples of good and bad icon design.

Icon Editing Practice

Show steps

Sharpen your icon editing skills through repetitive practice exercises.

Show steps

Find a set of icons to practice editing.
Set a timer and edit as many icons as possible.
Focus on speed and accuracy.

Create a Blog Post: 'My Favorite Figma Icon Editing Tips'

Show steps

Solidify your learning by sharing your knowledge and insights on Figma icon editing.

Show steps

Reflect on your experiences with Figma icon editing.
Write a blog post sharing your favorite tips and tricks.
Include screenshots and examples to illustrate your points.

Design a Custom Icon Set

Show steps

Apply your skills by designing a unique icon set for a specific purpose.

Show steps

Choose a theme or topic for your icon set.
Sketch out your icon designs.
Create the icons in Figma using vector tools.

Career center

Learners who complete Icons on Figma - Scalable Vector Graphics - Part 2 will develop knowledge and skills that may be useful to these careers:

Icon Designer

An Icon Designer specializes in creating and refining icons for various digital interfaces and applications. This course specifically targets icon design and helps Icon Designers improve their skills in using and editing icons within Figma, especially utilizing pre-made icon sets. The course provides the knowledge to locate and utilize both free and premium icon sets and to make necessary edits using vector tools in Figma. Given that the course focuses on scalable vector graphics, with an emphasis on icon design, Icon Designers can benefit from the practical skills taught, enabling them to streamline their workflow and produce high-quality icons.

See salaries and explore the career path for Icon Designer

Freelance Designer

Freelance Designers typically work on a variety of projects, often requiring them to adapt existing design elements to fit specific client needs. This course will be helpful for Freelance Designers because it trains them to modify existing icon sets using Figma. The course provides the knowledge to locate and utilize both free and premium icon sets and to make necessary edits using vector tools in Figma which will prove invaluable for designers looking to enhance their design flexibility and efficiency. Scalable vector graphics, with an emphasis on icon design, are at the heart of the skills gained in this training.

See salaries and explore the career path for Freelance Designer

Product Designer

Product Designers are involved in the entire product development process, from ideation to launch, focusing on user experience and functionality. This course helps Product Designers enhance their skills in using and editing icons in Figma, a core tool in product design. As the course emphasizes using pre-made icon sets and adjusting them to meet specific product requirements, Product Designers will benefit from learning how to locate and utilize both free and premium icon sets and how to make edits using vector tools in Figma. By understanding scalable vector graphics with an emphasis on icon design, Product Designers can create more intuitive and visually appealing products.

See salaries and explore the career path for Product Designer

User Interface Designer

The role of a User Interface Designer involves creating visually appealing and user-friendly interfaces for various digital products. This course helps User Interface Designers learn how to use and edit icons on Figma, which is a critical skill, as they often utilize pre-made icon sets and adjust them to fit their specific design needs. User Interface Designers will learn how to find both free and premium icon sets and how to make edits using vector tools in Figma. By understanding scalable vector graphics, with an emphasis on icon design taught in this course, designers can enhance the visual elements of their interfaces, making them more engaging and effective.

See salaries and explore the career path for User Interface Designer

Brand Identity Designer

Brand Identity Designers create and maintain the visual elements that represent a brand, including logos and style guides. This course helps Brand Identity Designers learn how to use and edit icons in Figma, which is essential for creating consistent and recognizable brand visuals. The course will help brand identity designers learn to locate and utilize both free and premium icon sets and to make edits using vector tools in Figma. Brand Identity Designers can better manage and adapt their brand assets by understanding scalable vector graphics, with a focus on icon design.

See salaries and explore the career path for Brand Identity Designer

Mobile App Designer

Mobile App Designers specialize in designing the user interface and user experience for mobile applications. This course helps Mobile App Designers gain practical experience in using and editing icons in Figma, which is a crucial part of mobile app design. Mobile App Designers frequently work with pre-made icon sets, customizing them to fit the app's branding and functionality. This beginner-friendly course provides the essential skills to locate and utilize both free and premium icon sets, and to make edits using the appropriate vector tools in Figma. By understanding scalable vector graphics, with an emphasis on icon design, Mobile App Designers can create intuitive and visually appealing mobile interfaces.

See salaries and explore the career path for Mobile App Designer

Web Designer

Web Designers focus on creating the layout and visual elements of websites. This course helps Web Designers acquire skills in using and editing icons within Figma, a tool commonly used in web design workflows. Web designers frequently adapt existing icon sets for their projects, and this course provides the knowledge to locate and utilize both free and premium resources and to make necessary edits using vector tools in Figma. With a grasp of scalable vector graphics, especially focusing on icon design, Web Designers can create visually consistent and engaging web experiences. This beginner-friendly course can help build confidence in icon design skills.

See salaries and explore the career path for Web Designer

Presentation Designer

Presentation Designers create visually engaging presentations for various purposes, such as sales pitches, training, and educational seminars. This course helps Presentation Designers improve their icon utilization skills within Figma. Icons enhance the impact and clarity of presentation visuals, and this course provides the knowledge to locate and utilize both free and premium icon sets and to make edits using vector tools in Figma. By understanding and applying the principles of scalable vector graphics, with a focus on icon design, taught in this course, Presentation Designers can elevate the quality and effectiveness of their presentations.

See salaries and explore the career path for Presentation Designer

Graphic designer

Graphic Designers create visual concepts for various media, including print and digital platforms. The course helps Graphic Designers understand how to use and edit icons in Figma, which is an essential skill for creating visually appealing designs. Graphic Designers often need to modify existing icon sets to match a project's aesthetic, and this course will teach them how to locate and utilize both free and premium icon sets. By mastering scalable vector graphics, with a particular emphasis on icon design, Graphic Designers can enhance their designs and create impactful visual communication. This course will also help to build skills in editing with vector tools.

See salaries and explore the career path for Graphic designer

Art Director

Art Directors are responsible for the visual style and images in various projects, including advertising campaigns and publications. This course helps Art Directors oversee and guide the use of icons within design projects. Art directors will benefit from learning how to use and edit icons in Figma, which allows them to make informed decisions about visual elements. This course covers how to locate and utilize both free and premium icon sets and how to make edits using vector tools in Figma. By understanding scalable vector graphics with an emphasis on icon design, Art Directors can maintain visual consistency and quality across all projects.

See salaries and explore the career path for Art Director

Animator

Animators create moving images for various media, including films, television, and websites. This course helps animators enhance their skills in using and editing icons in Figma, which can be incorporated into animations to improve visual communication. Animators will learn how to locate and utilize both free and premium icon sets and to make edits using vector tools in Figma. By understanding the principles of scalable vector graphics, with a focus on icon design, animators can create more dynamic and visually appealing animations. This course is beginner friendly.

See salaries and explore the career path for Animator

Digital Asset Manager

A Digital Asset Manager is responsible for organizing, storing, and retrieving digital assets, including icons, within an organization. This course may be useful to Digital Asset Managers looking to better understand the technical aspects of icons, specifically scalable vector graphics. The course shows how to locate and utilize both free and premium icon sets and how to make edits using vector tools in Figma. Because this course focuses on icon design, Digital Asset Managers can gain insights into the creation and modification processes, thus improving how they manage and categorize these assets. With a grasp of scalable vector graphics, Digital Asset Managers can contribute to the effective use of graphic elements throughout an organization.

See salaries and explore the career path for Digital Asset Manager

Instructional Designer

Instructional Designers create learning materials and experiences for students and professionals. This course may be useful to Instructional Designers needing to incorporate visual elements, such as icons, into their learning content. Icons can enhance understanding and engagement in educational materials. This course teaches how to use and edit icons within Figma, showing users how to locate and utilize both free and premium icon sets and how to make edits using vector tools in Figma. With a better grasp of scalable vector graphics, Instructional Designers can craft more effective and visually appealing learning resources.

See salaries and explore the career path for Instructional Designer

User Experience Researcher

User Experience Researchers investigate user behaviors and needs to inform design decisions. While not directly involved in icon design, this course may be useful for User Experience Researchers who want to gain a better understanding of the design process and the importance of icons in user interfaces. The course teaches how to use and edit icons inside Figma, demonstrating how to locate and utilize both free and premium icon sets and how to make edits using vector tools in Figma. By gaining a deeper appreciation for scalable vector graphics, User Experience Researchers can better communicate their findings and collaborate with designers.

See salaries and explore the career path for User Experience Researcher

Technical Writer

Technical Writers create documentation and guides for software and hardware products. This course may be beneficial for Technical Writers, particularly those who need to include icons in their documentation. By gaining a practical understanding of how to use and edit icons in Figma, the Technical Writer can better illustrate software capabilities. The course provides knowledge of locating and utilizing both free and premium icon sets and shows how to make edits using vector tools in Figma. This beginner-friendly course helps Technical Writers improve the clarity and visual appeal of their documentation by mastering scalable vector graphics, with an emphasis on icon design.

See salaries and explore the career path for Technical Writer

Reading list

We've selected two books that we think will supplement your learning. Use these to develop background knowledge, enrich your coursework, and gain a deeper understanding of the topics covered in Icons on Figma - Scalable Vector Graphics - Part 2.

Putting Knowledge to Work

Save

Comprehensive guide to icon design principles and best practices. It covers topics such as icon style, grid systems, and accessibility. Reading this book will help you create more effective and visually appealing icons. It is more valuable as additional reading to improve your design skills than as a direct reference for Figma tools.

Putting Knowledge to Work

Paperback

Check price

Putting Knowledge to Work

Kindle Edition

Check price

Practical SVG

Save

Provides a comprehensive guide to Scalable Vector Graphics (SVG). It covers everything from basic syntax to advanced animation techniques. Reading this book will give you a deeper understanding of the underlying technology behind the icons you'll be editing in Figma. It useful reference for understanding the structure and capabilities of SVG files.

Practical SVG

Kindle Edition

Icons on Figma - Scalable Vector Graphics - Part 2

What's inside

Syllabus

Save this course

Activities

Career center

Reading list

Share

Similar courses