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

horizontal-compare-icon

Compare horizontal

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.5 15.5 9 12l-3.5 3.5M18.5 8.5 15 12l-3.5-3.5M15 12V4M9 12v8" 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 remove money 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.5 15.25h2.75H21"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 12V7.25H3.75v9.5H13"></path></svg>

Free christian cross icon

Christian cross

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 9.25h10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 4v15"></path></svg>

Free file code 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="M17.25 11V9L13 4.75H6.75v13.5H9"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 13.5L11.5 16l2.5 2.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17 13.5l2.5 2.5 -2.5 2.5"></path></svg>

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12" cy="12" r="2.25" fill="none" stroke="currentColor" stroke-width="1.5"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 6.75c3.31 0 6.1 2.21 6.97 5.25 -.87 3.03-3.67 5.24-6.98 5.24 -3.32 0-6.11-2.22-6.98-5.25 .86-3.04 3.66-5.25 6.97-5.25Zm0 0V4m4.02 3.97l1.97-1.98M7.96 7.96L5.98 5.98"></path></svg>

Shield lock 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="M18.25 10V7.75L12 4.5 5.75 7.75V11c0 4.48 3.48 7.14 5.25 8.21"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13.75 15.75h6.5v4.5h-6.5c0-2 0-4.5 0-4.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.25 15.75V14c0-.97.78-1.75 1.75-1.75 .96 0 1.75.78 1.75 1.75v1.75"></path></svg>

up-chevron-arrow-icon

Chevron arrow up

Copy

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

Free id card 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="M20.75 5.75H3.25v12.5h17.5V5.75Z"></path><circle cx="9.5" cy="11" r="2.25" fill="none" stroke="currentColor" stroke-width="1.5"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6.25 16v-.75c0-1.11.89-2 2-2h2.5c1.1 0 2 .89 2 2V16"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15 10.25h3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15 13.25h3.5"></path></svg>

Free corner left up 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="M11 6v11h7"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6.5 10.5L11 6l4.5 4.5"></path></svg>

Free briefcase 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 8.25H14.5 9 4.75v10H9h5.5 4.75v-10Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.25 8.25v-3.5h5.5v3.5"></path></svg>

Lock 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.25 10.75V8c0-1.8-1.46-3.25-3.25-3.25 -1.8 0-3.25 1.45-3.25 3.25v2.75m-2 0h10.5v7.5H6.75v-7.5Z"></path></svg>

Bell cross 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="M16.25 11.5v3.75M12 4.75c-2.35 0-4.25 1.9-4.25 4.25v6.25m-2.75 0h14m-9.5 3h5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.5 4.5l5 5m0-5l-5 5"></path></svg>

Free location 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="M8 13.28c-1.96.58-3.25 1.57-3.25 2.71 0 1.79 3.24 3.25 7.25 3.25 4 0 7.25-1.46 7.25-3.25 0-1.14-1.3-2.13-3.25-2.72"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 10.25c1.51 0 2.75-1.24 2.75-2.75 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.75Zm0 0V16"></path></svg>

Free drop 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 18.25c2.2 0 4-1.74 4-3.88 0-2.14-4-8.13-4-8.13s-4 5.99-4 8.12c0 2.13 1.79 3.87 4 3.87Z"></path></svg>

Pin rotated 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.61 15.38l5.88-5.89 -4-4L8.6 11.37"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10.61 13.38l-5.12 5.11"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6.72 9.5l7.77 7.77"></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="M5.25 6.75h13.5m-13.5 0v10.5h13.5V6.75m-13.5 0L12 12l6.75-5.25"></path></svg>

Free message 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 5.75h12.5v10.5H8.5L5.75 19V5.75Z"></path></svg>

Free hashtag 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.5 8.25H20"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.25 4l-3 16"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4 15.75h14.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10.75 4l-3 16"></path></svg>

Candle 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="M9.76 7.94l2.23-3.2 2.23 3.19c1.26 1.81-.03 4.3-2.24 4.3 -2.22 0-3.51-2.49-2.24-4.31Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.25 20v-5.25h-8.5V20"></path></svg>

Layers 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 10.75l-6.25-3V7.5l6.25-3 6.25 3v.25l-6.25 3Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.25 11v.75L12 15l-6.25-3.25V11"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.25 15v.75L12 19l-6.25-3.25V15"></path></svg>

Car 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.75 12l2-5.25h10.5l2 5.25m-14.5 0H2m2.75 0v4.5m14.5-4.5H22m-2.75 0v4.5M4.75 19v-2.5m14.5 2.5v-2.5m-14.5 0h14.5"></path></svg>

Free pizza slice 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.31 10.5c-1.41-1.98-3.71-3.26-6.32-3.26 -2.61 0-4.91 1.28-6.32 3.25m12.62 0l1.77-2.6c-1.98-2.25-4.87-3.67-8.09-3.67 -3.23 0-6.12 1.41-8.09 3.66l1.77 2.59m12.62 0l-6.32 9.24 -6.32-9.25"></path></svg>

Free filter list 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 7h16"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7 12h10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10 17h4"></path></svg>

Free folder 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="M19.25 18.25v-11h-7.5v-2.5h-7v13.5h14.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 10v6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9 13h3.5H15"></path></svg>

Folder minus 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.25 18.25v-11h-7.5v-2.5h-7v13.5h14.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9 12.5h6"></path></svg>

Free shower head 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 4v3.75"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8.25 16v3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 16v4"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.75 16v3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 7.75c-2.9 0-5.25 2.35-5.25 5.25v.75h10.5V13c0-2.9-2.36-5.25-5.25-5.25Z"></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 energy 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="M11.25 18.75l6-8.5h-4.5V5.5L7 13.75h4.25v5Z"></path></svg>

Chevrons right 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.5 7.5L12 12l-4.5 4.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12.5 7.5L17 12l-4.5 4.5"></path></svg>

Free big chevron top icon

Big chevron top

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.5 14.5L12 8l6.5 6.5"></path></svg>

Free wallet 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.5 5.75h8.75v3H5.5v-3Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.5 8.75h12.75v8.5H5.5v-8.5Z"></path></svg>

Free inbox cross 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 12.25v6h14.5v-6h-5c0 1.24-1.01 2.25-2.25 2.25 -1.25 0-2.25-1.01-2.25-2.25h-5Zm0 0l2-6.5H11"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.5 4.5l5 5m0-5l-5 5"></path></svg>

Free badge icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path stroke="currentColor" stroke-width="1.5" d="M14.589 5.75 12 3.161 9.411 5.75H5.75v3.661L3.161 12l2.589 2.589v3.661h3.661L12 20.839l2.589-2.589h3.661v-3.661L20.839 12 18.25 9.411V5.75h-3.661Z"/></svg>

Free repeat 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 16h7.25V6H4.75v10H8"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.5 12.5L11 16l3.5 3.5"></path></svg>

Free sliders vertical icon

Sliders vertical

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.25 15H20m-9.75 0c0 1.24-1.01 2.25-2.25 2.25 -1.25 0-2.25-1.01-2.25-2.25 0-1.25 1-2.25 2.25-2.25 1.24 0 2.25 1 2.25 2.25Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.75 9H5m9.75 0c0 1.24 1 2.25 2.25 2.25 1.24 0 2.25-1.01 2.25-2.25 0-1.25-1.01-2.25-2.25-2.25 -1.25 0-2.25 1-2.25 2.25Z"></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