×
Create CV Books Summaries Online Courses Blog Communities

Login

Sign up
MindLuster Logo
Categories
Recent

Join Our Telegram Channel Now to Get Any New Free Courses : Click Here

How to Create a Warning Icon in Figma Full Process

Share your inquiries now with community members Click Here
Next Lesson
Sign Up and Get Free Certificate
Sign up Now
Lesson extensions

Lessons List | 31 Lesson
How to Create a Warning Icon in Figma Full Process
00:02:35

How to Create a Warning Icon in Figma Full Process
How to Create a Filter Icon in Figma Full Process
00:02:40

How to Create a Filter Icon in Figma Full Process
How to Create a Heart Icon in Figma Full Process
00:02:40

How to Create a Heart Icon in Figma Full Process
How to Create a Battery Icon in Figma Full Process
00:03:29

How to Create a Battery Icon in Figma Full Process
How to Create a Sticker Icon in Figma Full Process
00:04:29

How to Create a Sticker Icon in Figma Full Process
How to Create a Globe Icon in Figma Full Process
00:02:52

How to Create a Globe Icon in Figma Full Process
How to Create a Thumbs Up Like Icon in Figma Full Process
00:05:10

How to Create a Thumbs Up Like Icon in Figma Full Process
How to Create an Image File Icon in Figma Full Process
00:03:10

How to Create an Image File Icon in Figma Full Process
How to Create a Sound Volume Icon in Figma Full Process
00:03:10

How to Create a Sound Volume Icon in Figma Full Process
How to Create a No Sound Mute Icon in Figma Full Process
00:02:10

How to Create a No Sound Mute Icon in Figma Full Process
How to Create a Hand Pointer Icon in Figma Full Process
00:09:12

How to Create a Hand Pointer Icon in Figma Full Process
How to Create a Paperclip Attachment Icon in Figma Full Process
00:03:18

How to Create a Paperclip Attachment Icon in Figma Full Process
How to Create a Document Icon in Figma Full Process
00:05:52

How to Create a Document Icon in Figma Full Process
How to Create a Source Code Icon in Figma Full Process
00:02:05

How to Create a Source Code Icon in Figma Full Process
How to Create a Floppy Disk Icon in Figma Full Process
00:08:12

How to Create a Floppy Disk Icon in Figma Full Process
How to Create a Calendar Icon in Figma Full Process
00:07:20

How to Create a Calendar Icon in Figma Full Process
How to Create a Share Upload Icon in Figma Full Process
00:02:28

How to Create a Share Upload Icon in Figma Full Process
How to Create a Backspace Delete Icon in Figma Full Process
00:02:00

How to Create a Backspace Delete Icon in Figma Full Process
How to Create a Power On Off Icon in Figma Full Process
00:02:26

How to Create a Power On Off Icon in Figma Full Process
How to Create a Shopping Cart E Commerce Icon in Figma Full Process
00:06:23

How to Create a Shopping Cart E Commerce Icon in Figma Full Process
How to Create a Star Rating Icon in Figma Full Process
00:04:05

How to Create a Star Rating Icon in Figma Full Process
How to Create a Folder Icon in Figma Full Process
00:03:41

How to Create a Folder Icon in Figma Full Process
How to Create a Send Icon in Figma Full Process
00:04:08

How to Create a Send Icon in Figma Full Process
How to Create a Ribbon Microphone Icon in Figma Full Process
00:04:03

How to Create a Ribbon Microphone Icon in Figma Full Process
How to Create a Leftwards Back Icon in Figma Full Process
00:01:18

How to Create a Leftwards Back Icon in Figma Full Process
How to Create a Rightwards Forward Icon in Figma Full Process
00:01:09

How to Create a Rightwards Forward Icon in Figma Full Process
How to Create a Settings Icon in Figma Full Process
00:02:53

How to Create a Settings Icon in Figma Full Process
How to Design a Frosted Glass Glassmorphic User Icon in Figma Full Process
00:07:05

How to Design a Frosted Glass Glassmorphic User Icon in Figma Full Process
How to Create a Glassmorphic Chat Icon in Figma Full Process
00:06:58

How to Create a Glassmorphic Chat Icon in Figma Full Process
How to Create a Glassmorphic Edit Pencil Icon in Figma Full Process
00:10:45

How to Create a Glassmorphic Edit Pencil Icon in Figma Full Process
Create an ANIMATED MUTE UNMUTE SOUND ICON in Figma Tutorial
00:11:05

Create an ANIMATED MUTE UNMUTE SOUND ICON in Figma Tutorial

Comments

Our New Certified Courses Will Reach You in Our Telegram Channel
Join Our Telegram Channels to Get Best Free Courses

Join Now

We Appreciate Your Feedback

Be the First One Review This Course

Excellent
0 Reviews
Good
0 Reviews
medium
0 Reviews
Acceptable
0 Reviews
Not Good
0 Reviews
0
0 Reviews


Related Courses in Web Design
Web Design for Beginners
7 Lessons

Web Design for Beginners

Adobe XD Web Design Tutorial For Beginners
41 Lessons

Adobe XD Web Design Tutorial For Beginners

ux ui
48 Lessons

ux ui

WIX Website Design for Beginners
8 Lessons

WIX Website Design for Beginners

GSAP Animation for Beginners
3 Lessons

GSAP Animation for Beginners

WordPress Website Development for Beginners
11 Lessons

WordPress Website Development for Beginners

Flutter App Development
82 Lessons

Flutter App Development

Business Website Design for beginners
3 Lessons

Business Website Design for beginners

Website Design Fundamentals
5 Lessons

Website Design Fundamentals

HTML Web Designing From Zero To Hero
18 Lessons

HTML Web Designing From Zero To Hero

Web Design Techniques for Beginners
14 Lessons

Web Design Techniques for Beginners

Adobe XD Techniques for Beginners
12 Lessons

Adobe XD Techniques for Beginners

Notion Techniques for Designers
9 Lessons

Notion Techniques for Designers

Editor X for Beginners
3 Lessons

Editor X for Beginners

Anima App Essentials
10 Lessons

Anima App Essentials

Figma Basics for Beginners
13 Lessons

Figma Basics for Beginners

Course Description

Create a battery icon in figma, in this course we will learn about creating a battery icon in Figma. You’ll explore how to design a clean and functional battery icon suitable for mobile apps, dashboards, and UI projects. We’ll begin by drawing the battery body using the Rectangle Tool, then add the battery tip and internal level indicators to represent charge levels. You’ll also learn how to apply fills, strokes, and corner radius to give the icon a modern look. The course will cover alignment techniques, creating variants for different battery levels, and how to convert your design into reusable components. We'll explore how to design both flat and semi-realistic versions of the battery icon, giving you creative flexibility. Whether you're designing an interface or building icon sets, this course will help you master icon design fundamentals in Figma. By the end of the course, you’ll be able to confidently create and customize battery icons that enhance your UI designs with clarity and style. Mavi Design
Trends
Recent
Next Lesson