Send this page to your computer

Free magic icon

Interface icons

Free magic icon

Introducing the magic icon a designer's dream come true. This impeccably designed, pixel-perfect masterpiece adds an enchanting touch to your app or website. With a simple click, you can effortlessly copy it as an SVG and choose from various formats like PNG, WEBP, JPG, SVG, and PDF to meet your project's unique requirements. Best of all, it's completely free and readily available in our Figma library, making it a seamless addition to your creative toolkit. Armed with keywords like "vector," "copy as SVG," "free," "user-friendly," and "impeccably sharp," locating and using this captivating icon is a breeze. Elevate your design game with the Magic Icon and watch your projects come alive with a touch of enchantment.

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.51 11.96l-2.48-2.48m0 0l3.44-3.45 2.47 2.47 -9.45 9.44 -2.48-2.48 6-6.01Z"></path></svg>

Download as...

Animated

Lottie

and

GIF

files available for download

Animated

Lottie

file available for download

Similar icons to

Magic

big-arrow-pointing-left-bottom

Big arrow down left

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.75 10.5v7.75h7.75M6 18 17.5 6.5" stroke="currentColor" stroke-width="1.5"/></svg>

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6.75 18.25V4.75h6.75l3.75 3.75v9.75H6.75Z"></path></svg>

Free chevrons down icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7.5 7.5L12 12l4.5-4.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7.5 12.5L12 17l4.5-4.5"></path></svg>

Eye closed vector icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.5 4.5l3.47 3.47m11.52 11.52l-3.48-3.48m-5.19-9.19c.37-.07.76-.1 1.15-.1 3.31 0 6.1 2.21 6.97 5.25 -.21.72-.53 1.41-.95 2.02M7.93 7.93c-.8.52-1.48 1.2-2 2 -.42.61-.74 1.29-.95 2.02 .86 3.03 3.66 5.24 6.97 5.24 .39 0 .78-.04 1.15-.1 1.04-.17 2.02-.57 2.87-1.13M7.91 7.9l8.05 8.05"></path></svg>

Free user plus icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 17h3m0 0h3m-3 0v-3m0 3v3M5.75 19v-2.75c0-1.11.89-2 2-2H12M15.25 8c0 1.79-1.46 3.25-3.25 3.25 -1.8 0-3.25-1.46-3.25-3.25 0-1.8 1.45-3.25 3.25-3.25 1.79 0 3.25 1.45 3.25 3.25Z"></path></svg>

chevron-down-icon

Chevron arrow down

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.5 10.5 12 15l4.5-4.5" stroke="currentColor" stroke-width="1.5"/></svg>

Component vector icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15 7l-3-3L9 7l3 3 3-3Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M20 12l-3-3 -3 3 3 3 3-3Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10 12L7 9l-3 3 3 3 3-3Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15 17l-3-3 -3 3 3 3 3-3Z"></path></svg>

Free search area icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.44 16.44c.49-.5.8-1.19.8-1.95 0-1.52-1.24-2.75-2.75-2.75 -1.52 0-2.75 1.23-2.75 2.75 0 1.51 1.23 2.75 2.75 2.75 .75 0 1.44-.31 1.94-.81Zm0 0l3.05 3.05m-10.5-1.25H4.74v-4.25m14.5-4V5.74H14.61M4.74 9.99V5.74h4.25"></path></svg>

Free laptop icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.75 18.25v-10h12.5v10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M3 18.25h18"></path></svg>

Brush vector icon‍

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12.25 15.25v-3H6.875c-1.45 0-2.625-1.18-2.625-2.625v0C4.25 8.175 5.42 7 6.875 7h.375"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10.75 15.25h3v5h-3v-5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7.25 9.25h11.5v-4.5H7.25V7v2.25Z"></path></svg>

Free shopping cart add icon

Shopping cart add

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="16" cy="19" r="1" fill="currentColor"></circle><circle cx="9" cy="19" r="1" fill="currentColor"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M3 4.75h2.81l.8 3m0 0l2.13 8h7.75l.93-3.75M6.59 7.75h5.38"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 7h3m0 0h3m-3 0V4m0 3v3"></path></svg>

Free shield off icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.5 19.5l-4.25-4.25 -7.36-7.36 -3.4-3.4"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.33 16.33c-1.84 2.32-4.34 3.41-4.34 3.41s-6.25-2.75-6.25-8.75V7.74l1.31-.69"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17.68 14c.34-.9.56-1.89.56-3V7.75L11.99 4.5l-2.5 1.29"></path></svg>

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 8v4l2.5001 2.5001M19.25 12c0 4.0041-3.2459 7.25-7.25 7.25-4.004 0-7.25-3.2459-7.25-7.25 0-4.004 3.246-7.25 7.25-7.25 4.0041 0 7.25 3.246 7.25 7.25Z" stroke="currentColor" stroke-width="1.5"/></svg>

big-cross-x-icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m7.0503 7.0502 9.8994 9.8995m0-9.8995-9.8994 9.8995" stroke="currentColor" stroke-width="1.5"/></svg>

Free audio icon‍

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.5 19.25h-7"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 15.75v3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.75 6.5c0-1.25 1-2.25 2.25-2.25v0c1.24 0 2.25 1 2.25 2.25v4c0 1.24-1.01 2.25-2.25 2.25v0c-1.25 0-2.25-1.01-2.25-2.25v-4Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6.75 10v.5c0 2.89 2.35 5.25 5.25 5.25v0c2.89 0 5.25-2.36 5.25-5.25V10"></path></svg>

User cross vector icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12" cy="8" r="3.25" fill="none" stroke="currentColor" stroke-width="1.5"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.5 15.5l5 5m0-5l-5 5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.75 19v-2.75c0-1.11.89-2 2-2H12"></path></svg>

Sparkle vector icon‍

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19 12c-3.87 0-7 3.13-7 7 0-3.87-3.14-7-7-7 3.86 0 7-3.14 7-7 0 3.86 3.13 7 7 7Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8 16l-2.5 2.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8 8L5.5 5.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16 16l2.5 2.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16 8l2.5-2.5"></path></svg>

Game controller vector icon‍

Game controller

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.75 7.5c0 1.51-1.24 2.75-2.75 2.75 -1.52 0-2.75-1.24-2.75-2.75 0-1.52 1.23-2.75 2.75-2.75 1.51 0 2.75 1.23 2.75 2.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 10.25V16"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.5 13.25h-2l-2.75 6h14.5l-2.75-6h-2"></path></svg>

Free paper icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.75 18.25c-1.39 0-2.5-1.12-2.5-2.5 0-1.39 1.11-2.5 2.5-2.5h-8.5c-1.39 0-2.5 1.11-2.5 2.5 0 1.38 1.11 2.5 2.5 2.5h8.5Zm0 0c1.38 0 2.5-1.12 2.5-2.5v-11h-10v8.5"></path></svg>

Free arrow down left circle icon

Arrow down left circle

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.5 9.5L10 14"></path><circle cx="12" cy="12" r="7.25" fill="none" stroke="currentColor" stroke-width="1.5"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 14.25H9.75V10"></path></svg>

Paper vector icon‍‍

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.75 18.25H9.5m6.25 0c-1.39 0-2.5-1.12-2.5-2.5v-2.5h-8.5v2.5c0 1.38 1.11 2.5 2.5 2.5h8.5Zm0 0c1.38 0 2.5-1.12 2.5-2.5v-11h-10v8.5"></path></svg>

Free bullet list icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="6" cy="7.25" r="1.25" fill="currentColor"></circle><circle cx="6" cy="12" r="1.25" fill="currentColor"></circle><circle cx="6" cy="16.75" r="1.25" fill="currentColor"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9 12h10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9 16.75h10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9 7.25h10"></path></svg>

Add money vector icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12" cy="12" r="1.75" fill="none" stroke="currentColor" stroke-width="1.5"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15 15.75h3.25m0 0h3.25m-3.25 0V12.5m0 3.25V19"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 10.5V7.25H3.75v9.5H13"></path></svg>

Free megaphone icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.75 19v-5.75 -4.5m0 0h.5l8-3.25v11l-8-3.25h-4.5v-4.5h4Z"></path></svg>

Free calendar search icon

Calendar search

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17.44 16.44c.49-.5.8-1.19.8-1.95 0-1.52-1.24-2.75-2.75-2.75 -1.52 0-2.75 1.23-2.75 2.75 0 1.51 1.23 2.75 2.75 2.75 .75 0 1.44-.31 1.94-.81Zm0 0l3.05 3.05"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 8.25v8H10m-5.25-8v-3.5h11.5v3.5H4.75Z"></path></svg>

Free upload icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 14v4.25h14.5V14"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.5 8.5L12 5 8.5 8.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 5v10"></path></svg>

Power vector icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 4v7"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8 7.19c-1.38 1.14-2.25 2.87-2.25 4.8 0 3.45 2.79 6.25 6.25 6.25 3.45 0 6.25-2.8 6.25-6.25 0-1.94-.875-3.66-2.25-4.81"></path></svg>

Artboard vector icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7.75 4v16"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4 7.75h6 10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4 16.25h16"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.25 4v16"></path></svg>

Free arrow up left icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7.75 14V7.75H14"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8.5 8.5l9 9"></path></svg>

Free calendar icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.25 10.25v-4.5H5.75v4.5m12.5 0v8H5.75v-8m12.5 0H5.75"></path></svg>

Questions vector icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12" cy="12" r="7.25" fill="none" stroke="currentColor" stroke-width="1.5"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.25 9.75v.77c0 .67-.55 1.22-1.23 1.22v0c-.57 0-1.03.46-1.03 1.02v1.22"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.25 9.75c0-1.11-.9-2-2-2h-.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.75 9.75c0-1.11.89-2 2-2"></path><circle cx="12" cy="16" r="1" fill="currentColor"></circle></svg>

Free code bracket icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10 18.75l4-13.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8.25 8.5l-4 3.5 4 3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16 8.5l4 3.5 -4 3.5"></path></svg>

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13.5 4.5L19 10l-5.5 5.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19 10H5v9"></path></svg>

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12.25 5.25h6.5v6.5l-7 7 -6.5-6.5 7-7Z"></path><g transform="matrix(-1 0 0 1 15 9)"><circle cx="0" cy="0" r="1" fill="currentColor"></circle></g></svg>

Free desktop icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 5.25H4.75v9.5h14.5v-9.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 14.75V18"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8 18.25h8"></path></svg>

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9 18.25h6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 4.25C9.37 4.25 7.25 6.37 7.25 9c0 1.8 1.01 3.38 2.5 4.18v2.06h4.49v-2.07c1.48-.81 2.5-2.38 2.5-4.19 0-2.63-2.13-4.75-4.75-4.75Z"></path></svg>

Browse all icons

Filter icons by categories

Narrow down the options to a specific theme

Wall of love

Twitter comments that puts a smile on our face

"These icons are solid"

@anshnanda_

Co-founder, The OG App (by Un1Feed Corporation)

"Yum"

@sonicxbloom

Designer, Cricut

"Ce level de pixel-perfection 👌"

@giannipolito

Design lead, IBM

“In love with these icons and website design overall 😍”

@verohnicaaa

Designer, OneReach

"Lovely lil icons!"

@gabrielvaldivia

Designer, Patreon

"Superb icons. 🙌"

@sankalped

Designer, Unacademy

“...icon set you released is great! 🤝 Good work pal.”

@jamesm

Designer, Tailwind Labs

"Love those 😍"

@bardenova

Designer, Shopify

"What a beautiful icon set 💯"

@ensaktas

Founder, Create Video

"Now that's an icon set. This is a must have for any web project. Super modular and broad range!

Well done 🔥"

@BuildwithOmar

Founder, Glorify

"These icons are solid"

@anshnanda_

Co-founder, The OG App (by Un1Feed Corporation)

"Yum"

@sonicxbloom

Designer, Cricut

"Ce level de pixel-perfection 👌"

@giannipolito

Design lead, IBM

“In love with these icons and website design overall 😍”

@verohnicaaa

Designer, OneReach

"Lovely lil icons!"

@gabrielvaldivia

Designer, Patreon

"Superb icons. 🙌"

@sankalped

Designer, Unacademy

“...icon set you released is great! 🤝 Good work pal.”

@jamesm

Designer, Tailwind Labs

"Love those 😍"

@bardenova

Designer, Shopify

"What a beautiful icon set 💯"

@ensaktas

Founder, Create Video

"Now that's an icon set. This is a must have for any web project. Super modular and broad range!

Well done 🔥"

@BuildwithOmar

Founder, Glorify

Trusted by industry leads

Join hundreds of companies has already
signed up for Bunch of icons on early stages

Unlock all icons

Here's what you get

Unlock all icons

Commercial license

Download Figma file

Copied to clipboard