×
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

Create a Search icon in figma

Track :

Web Design
Course Presenter :

Mavi Design

Lessons no : 43

For Free Certificate After Complete The Course

To Register in Course you have to watch at least 30 Second of any lesson

Join The Course Go To Community Download Course Content

What will you learn in this course?
  • Create scalable and visually balanced search icons using Figma's shape and alignment tools
  • Design customizable search icons with various styles, including outline and filled options, for modern UI projects
  • Apply advanced styling techniques like strokes, shadows, and hover states to enhance icon interactivity and aesthetics
  • Convert search icons into reusable components for efficient integration into design systems and UI kits
  • Utilize Figma’s grouping and alignment features to ensure precise positioning and professional-looking icons
  • Implement color fills and corner radii adjustments to create polished, versatile search icon variations
  • Develop skills to design icons suitable for websites, mobile apps, and responsive interfaces
  • Enhance icon usability by mastering hover effects and interactive styling techniques in Figma

How to Get The Certificate

  • You must have an account Register
  • Watch All Lessons
  • Watch at least 50% of Lesson Duration
  • you can follow your course progress From Your Profile
  • You can Register With Any Course For Free
  • The Certificate is free !
Lessons | 43
How to Create a Delete Bin Icon in Figma Full Process
00:02:40

How to Create a Delete Bin Icon in Figma Full Process
How to Create a Suitcase Icon in Figma Full Process
00:03:53

How to Create a Suitcase Icon in Figma Full Process
How to Create a Search Magnifying Glass Icon in Figma Full Process
00:02:42

How to Create a Search Magnifying Glass Icon in Figma Full Process
How to Create a Lock Icon in Figma Full Process
00:03:39

How to Create a Lock Icon in Figma Full Process
How to Create a Bag Icon in Figma Full Process
00:04:00

How to Create a Bag Icon in Figma Full Process
How to Create a Microphone Icon in Figma Full Process
00:05:00

How to Create a Microphone Icon in Figma Full Process
How to Create an Office Building Icon in Figma Full Process
00:05:20

How to Create an Office Building 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 Highway Icon in Figma Full Process
00:05:32

How to Create a Highway Icon in Figma Full Process
How to Create a Map Icon in Figma Full Process
00:07:40

How to Create a Map Icon in Figma Full Process
How to Create a Laptop Icon in Figma Full Process
00:07:16

How to Create a Laptop Icon in Figma Full Process
How to Create a Coffee Cup Icon in Figma Full Process
00:09:13

How to Create a Coffee Cup Icon in Figma Full Process
How to Create a Camera DSLR Icon in Figma Full Process
00:07:20

How to Create a Camera DSLR Icon in Figma Full Process
How to Create a Candle Icon in Figma Full Process
00:08:50

How to Create a Candle Icon in Figma Full Process
How to Create a Book Icon in Figma Full Process
00:04:10

How to Create a Book Icon in Figma Full Process
How to Create a Headphones Icon in Figma Full Process
00:04:11

How to Create a Headphones Icon in Figma Full Process
How to Create a Watch Icon in Figma Full Process
00:05:48

How to Create a Watch 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 Spiral Notebook Notepad Icon in Figma Full Process
00:03:19

How to Create a Spiral Notebook Notepad Icon in Figma Full Process
How to Create a Newspaper Icon in Figma Full Process
00:07:40

How to Create a Newspaper Icon in Figma Full Process
How to Create a Presentation Icon in Figma Full Process
00:06:50

How to Create a Presentation Icon in Figma Full Process
How to Create a Syringe Vaccine Icon in Figma Full Process
00:06:57

How to Create a Syringe Vaccine Icon in Figma Full Process
How to Create a Mail Icon in Figma Full Process
00:01:20

How to Create a Mail Icon in Figma Full Process
How to Create a Brick And Mortar Store Icon in Figma Full Process
00:07:37

How to Create a Brick And Mortar Store 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 Mouse Icon in Figma Full Process
00:03:55

How to Create a Mouse Icon in Figma Full Process
How to Create a Washing Machine Icon in Figma Full Process
00:07:13

How to Create a Washing Machine Icon in Figma Full Process
How to Create a Compass Icon in Figma Full Process
00:04:48

How to Create a Compass Icon in Figma Full Process
How to Create a Door Icon in Figma Full Process
00:02:40

How to Create a Door 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 Shield Icon in Figma Full Process
00:02:52

How to Create a Shield Icon in Figma Full Process
How to Create a Film Movie Icon in Figma Full Process
00:04:30

How to Create a Film Movie 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 Folder Icon in Figma Full Process
00:03:41

How to Create a Folder Icon in Figma Full Process
How to Create a Database Icon in Figma Full Process
00:02:30

How to Create a Database Icon in Figma Full Process
How to Create a Scroll of Paper Parchment With Seal Icon in Figma Full Process
00:12:04

How to Create a Scroll of Paper Parchment With Seal 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 Dictionary Icon in Figma Full Process
00:05:30

How to Create a Dictionary Icon in Figma Full Process
How to Create an Award Cup Icon in Figma Full Process
00:05:19

How to Create an Award Cup Icon in Figma Full Process
Show More Lessons


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

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

Join Now

Related Courses

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

Create a Search icon in figma, in this course we will learn about creating a Search icon in Figma. You’ll explore how to design a clean, scalable, and visually balanced magnifying glass icon—one of the most common elements in modern UI design. We'll start with the basic structure using the Ellipse Tool to form the lens, then use the Line Tool or Rectangle Tool to create the handle. You’ll learn how to align and group elements accurately, apply strokes, and adjust corner radii for a polished look. The course also covers styling techniques such as color fills, shadows, and hover states, making the icon ready for interactive designs. Whether you want a minimal outline or a filled style, we’ll guide you through multiple variations. You’ll also convert your icon into a reusable component to easily integrate it into design systems. By the end, you’ll have the skills to create professional search icons suitable for websites, mobile apps, and UI kits—all using Figma’s intuitive design tools. Mavi Design