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

Free settings icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="m8.3038 8.134-1.3996-.808-1.5 2.598 1.3996.8081v2.5358l-1.3995.8081 1.5 2.598 1.3995-.808 2.1961 1.268v1.616h3v-1.616l2.1962-1.268 1.3995.808 1.5-2.598-1.3995-.808v-2.536l1.3995-.808-1.5-2.598-1.3995.808-2.1962-1.268V5.25h-3v1.616L8.3038 8.134Z" stroke="currentColor" stroke-width="1.5"/><circle cx="12" cy="12" r="2" stroke="currentColor" stroke-width="1.5"/></svg>

Free spanner 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.25 20v-5.05c-2.04-.73-3.5-2.67-3.5-4.96s1.46-4.24 3.5-4.96v4.95h3.5V5.02c2.03.72 3.5 2.66 3.5 4.95 0 2.28-1.47 4.23-3.5 4.95v5.04"></path></svg>

Free gasoline 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="M6.75 18.25V5.75H13l4.5 4.5v8H6.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.25 8l2.25-2.25H20"></path></svg>

Free navigation 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="M12 5.75L6.5 17.5l5.5-2.71 5.5 2.7L12 5.74Z"></path></svg>

Free mail 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="M5.25 6.75h13.5m-13.5 0v10.5H12M5.25 6.75L12 12l6.75-5.25m0 0V11"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 16h3m0 0h3m-3 0v-3m0 3v3"></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="M17.25 19.25H6.75v-3l3.16-4.64c-1.01-.68-1.67-1.82-1.67-3.12 0-2.08 1.67-3.75 3.75-3.75 2.07 0 3.75 1.67 3.75 3.75 0 1.29-.66 2.44-1.67 3.11l3.16 4.63v3Z"></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>

Free file upload inside icon

File upload inside

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.75H13L17.25 9v9.25H6.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.5 12.25L12 10l-2.5 2.25"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 10v5"></path></svg>

Free mail draft 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 15.25H4.25v-9.5h11.5V9"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.25 5.75L10 11l5.75-5.25"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17 11.74l-4.25 4.25v2.25H15l4.25-4.26L17 11.72Z"></path></svg>

Male gender sign vector icon

Male gender sign

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.25 14c0 2.34-1.91 4.25-4.25 4.25 -2.35 0-4.25-1.91-4.25-4.25 0-2.35 1.9-4.25 4.25-4.25 2.34 0 4.25 1.9 4.25 4.25Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.25 12V5.75H12"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.25 5.75L13 11"></path></svg>

Free stroke join round icon

Stroke join round

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.25 5.75h-3.5v6.5h6v6h6.5v-3.5c0-4.98-4.03-9-9-9Z"></path></svg>

Free command line 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 4.75H4.75v14.5h14.5V4.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7.5 7.5l1.25 1.25L10 10l-2.5 2.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16 12.25h-5"></path></svg>

Free cross circle 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 12c0 4-3.25 7.25-7.25 7.25 -4.01 0-7.25-3.25-7.25-7.25 0-4.01 3.24-7.25 7.25-7.25 4 0 7.25 3.24 7.25 7.25Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.17 9.17l2.82 2.82m0 0c1.17 1.17 2.82 2.82 2.82 2.82m-2.83-2.83l2.82-2.83m-2.83 2.82l-2.83 2.82"></path></svg>

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10 19.25H5.75V4.75h12.5V9M8 8.25h8m-8 3h4m.75 5.7499 5.25-5.25L20.25 14 15 19.2501h-2.25v-2.2502Z" stroke="currentColor" stroke-width="1.5"/></svg>

Arrow down right vector icon

Arrow down right

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 10v6.25H10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6.5 6.5l9 9"></path></svg>

Credit card locked vector icon

Credit card locked

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 16.25H5.5c-.42 0-.75-.34-.75-.75v-10c0-.42.33-.75.75-.75h13c.41 0 .75.33.75.75V10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 8.25h14.5"></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>

Free arrow circulation icon

Arrow circulation

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.5l3 3 -3 3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.99 8.5h-3.5c-1.8 0-3.25 1.45-3.25 3.25 0 1.79 1.45 3.25 3.25 3.25h.71c.98 0 1.92-.4 2.62-1.09l2.16-2.17s0 0 0 0 1.46-1.47 2.16-2.17c.69-.7 1.64-1.09 2.62-1.09 1.79 0 3.25 1.45 3.25 3.25 0 1.79-1.46 3.25-3.25 3.25 -.9 0-1.71-.37-2.3-.96"></path></svg>

Calendar search vector 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.25v6.5H10m-5.25-6.5v-4h10.5v4H4.75Zm7.5-5.75V6m-4.5-3.5V6"></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>

Message circle 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.5 18.25c3.72 0 6.75-3.03 6.75-6.75 0-3.73-3.03-6.75-6.75-6.75 -3.73 0-6.75 3.02-6.75 6.75 0 1.1.26 2.13.73 3.05l-1.49 4.44 4.71-1.35c.84.38 1.79.59 2.78.59Z"></path></svg>

Camera 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="M5.75 7.75h3v-2h6.5v2h3v10H5.75v-10Z"></path><circle cx="12" cy="12.5" r="2.25" fill="none" stroke="currentColor" stroke-width="1.5"></circle></svg>

Paper clip 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="M10.86 5.76L6.79 9.82c-1.76 1.75-1.76 4.6 0 6.36v0c1.75 1.75 4.6 1.75 6.36 0l4.59-4.6c1.17-1.18 1.17-3.08 0-4.25v0c-1.18-1.18-3.08-1.18-4.25 0l-4.6 4.59c-.59.58-.59 1.53 0 2.12v0c.58.58 1.53.58 2.12 0l4.06-4.07"></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 square shape 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.5v12.5H5.75Z"></path></svg>

Bug 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 9.74v-.75c0-1.8-1.46-3.25-3.25-3.25 -1.8 0-3.25 1.45-3.25 3.25v.74"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8.5 16.71c.86.94 2.11 1.53 3.5 1.53 1.38 0 2.63-.6 3.5-1.54 .77-.85 1.25-1.98 1.25-3.22V9.73h-9.5v3.75c0 1.23.47 2.36 1.25 3.21Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 18.25V12.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7.25 9.75L4.5 7.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7.25 12.75H3.49"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.75 12.75h3.74"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8.5 16.71l-3.01 2.78"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.5 16.71l2.99 2.78"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.75 9.75l2.75-2.26"></path></svg>

Free analysis 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 5.75H5.75v12.5h12.5V5.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.25 8v8"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 10v6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8.75 12v4"></path></svg>

Calendar schedule vector icon

Calendar schedule

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 8.25v6.5H10m-5.25-6.5v-4h10.5v4H4.75Zm7.5-5.75V6m-4.5-3.5V6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.75 13.49v2.25H19m2.25 0c0 2.48-2.02 4.5-4.5 4.5 -2.49 0-4.5-2.02-4.5-4.5 0-2.49 2.01-4.5 4.5-4.5 2.48 0 4.5 2.01 4.5 4.5Z"></path></svg>

Free leaderboard 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="M6 9.75h4v5.5H6v-5.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10 4.75h4v10.5h-4V4.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 9.75h4v5.5h-4v-5.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5 18.25h14"></path></svg>

Free cross square 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.17 9.17l2.82 2.82m0 0c1.17 1.17 2.82 2.82 2.82 2.82m-2.83-2.83l2.82-2.83m-2.83 2.82l-2.83 2.82"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 4.75h14.5v14.5H4.75V4.75Z"></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="M19.25 4.75H4.75v14.5h14.5V4.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10.5 9.5l-1.25 1.25L8 12l2.5 2.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13.5 9.5L16 12l-2.5 2.5"></path></svg>

free-vector-anchor-icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 9.25c1.2426 0 2.25-1.0074 2.25-2.25S13.2426 4.75 12 4.75 9.75 5.7574 9.75 7 10.7574 9.25 12 9.25Zm0 0v10m0 0c4.0041 0 7.25-3.2459 7.25-7.25v-.25H17m-5 7.5c-4.004 0-7.25-3.2459-7.25-7.25v-.25H7" stroke="currentColor" stroke-width="1.5"/></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>

Mail schedule 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.25 5.75h11.5m-11.5 0v9.5H10m-5.75-9.5L10 11l5.75-5.25m0 0V9"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.75 13.49v2.25H19m2.25 0c0 2.48-2.02 4.5-4.5 4.5 -2.49 0-4.5-2.02-4.5-4.5 0-2.49 2.01-4.5 4.5-4.5 2.48 0 4.5 2.01 4.5 4.5Z"></path></svg>

Free vector download icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.75 14v4.25h14.5V14M15.5 10.5 12 14l-3.5-3.5M12 14V4" stroke="currentColor" stroke-width="1.5"/></svg>

add-to-queue-icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 14.25h14m-14 4h14M14 8h3m0 0h3m-3 0V5m0 3v3m-4.9963-5.25H7C5.7574 5.75 4.75 6.7574 4.75 8S5.7574 10.25 7 10.25h5.0037" stroke="currentColor" stroke-width="1.5"/></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>

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