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

Sliders vertical vector icon

Sliders 3 vertical 2

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 5v3.5m0 2.25V19m0-8.25H9m3 0h3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6 5v7.5m0 2.25V19m0-4.25h3m-3 0H3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18 5v7.5m0 2.25V19m0-4.25h3m-3 0h-3"></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="M6.75 19.5v-15l13 7.5 -13 7.5Z"></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>

Ghost 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.75 10v3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.25 10v3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 5.25c-3.46 0-6.25 2.79-6.25 6.25V20L8 18l2 2 2-2 2 2 2-2 2.25 2v-8.5c0-3.46-2.8-6.25-6.25-6.25Z"></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>

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>

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.75 17.5v1.75h14.5V4.75H4.75V6.5m4 9.5v-1.25c0-1.1046.8954-2 2-2h3.5c1.1046 0 2 .8954 2 2V16M3 8.75h3.5M3 12h3.5M3 15.25h3.5m8.25-4.75c0 1.2426-1.0074 2.25-2.25 2.25s-2.25-1.0074-2.25-2.25 1.0074-2.25 2.25-2.25 2.25 1.0074 2.25 2.25Z" 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>

User minor 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 17h6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.75 19v-2.75c0-1.11.89-2 2-2H12"></path></svg>

Free dumbbell 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 11v8m12.5 0v-8m-12.5 4h12.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="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>

Swap 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 10.25h12.25L13 6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19 13.75H6.75L11 18"></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>

Calendar 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="M18.25 10.25v-4.5H5.75v4.5m12.5 0H5.75m12.5 0v2m-12.5-2v8H12"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 15.75h6"></path></svg>

closed-book-icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.75 15.75v1.5c0 1.1046.8954 2 2 2h10.5v-3.5m-12.5 0v-9c0-1.1046.8954-2 2-2h10.5v11m-12.5 0h12.5" stroke="currentColor" stroke-width="1.5"/></svg>

Free chess horse icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path stroke="#000" stroke-width="1.5" d="M19.25 11.75h-5.5l4.5 4.5v3H5.756V16.5l.994-1.35v-4.4c0-3.866 3.204-7 7.5-7V6l5 2.5v3.25Z"/></svg>

Free circle placeholder icon

Circle placeholder

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 15l6-6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13 16l3-3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8 11l3-3"></path><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></svg>

Download cloud 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 17.5V11"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15 15l-3 3 -3-3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18 15.67c1.05-.67 1.75-1.84 1.75-3.18 0-1.99-1.55-3.62-3.5-3.75 0-.01 0-.01 0-.01 0-2.35-1.91-4.25-4.25-4.25 -2.35 0-4.25 1.9-4.25 4.25 0 0 0 0 0 0 -1.96.12-3.51 1.75-3.51 3.74 0 1.33.69 2.5 1.75 3.17"></path></svg>

Trash 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="M7.25 7.75h9.5m-9.5 0v10.5H12M7.25 7.75H5m11.75 0H19m-2.25 0V14m-2.5-6.25v-3h-4.5v3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 17h6"></path></svg>

Trending up minus vector icon

Trending up minus

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 7.75h7"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 7.75L13 14l-2-2 -5.5 5.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15 7.75h4.25V12"></path></svg>

Free shield 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="M18.25 11V7.75L12 4.5 5.75 7.75V11c0 6 6.25 8.75 6.25 8.75s6.25-2.75 6.25-8.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.5 9.5l5 5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.5 9.5l-5 5"></path></svg>

Free corner left down icon

Corner left down

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 18V7h8"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.5 13.5L11 18l-4.5-4.5"></path></svg>

Free file lock 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 10V9L13 4.75H6.75v13.5H11"></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>

Calendar error 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="M17 13v3.5"></path><circle cx="17" cy="19" r="1" fill="currentColor"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.75 10.25v8H12m-6.25-8v-4.5h12.5v4.5H5.75Zm3-6.75V8m6.5-4.5V8"></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="M14.25 7.75V3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.75 7.75V3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7 20.25h1c2.37 0 4.03-2 4-4.25v-1.25"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 14.75c2.89 0 5.25-2.36 5.25-5.25V7.75H6.75V9.5c0 2.89 2.35 5.25 5.25 5.25Z"></path></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>

Free swap small horizontal icon

Swap small horizontal

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 15.5L9 19l-3.5-3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.5 8.5L15 5l-3.5 3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15 5v9"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9 19v-9"></path></svg>

Free file check 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 12V9L13 4.75H6.75v13.5H10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12.5 16l2 2 4-4"></path></svg>

Free bell check 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="M13.5 6.5l2 2 4-4"></path></svg>

File download 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="M17.25 11V9L13 4.75H6.75v13.5h3.75"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.75 17l-3 3 -3-3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.75 20v-7"></path></svg>

Manage search 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 6.75h6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4 12h6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4 17h13"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17.44 11.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></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>

simple-aerial-icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="9" r="1.5" fill="currentColor"/><path d="M15.0052 5.9949C15.7743 6.7639 16.25 7.8265 16.25 9s-.4757 2.2361-1.2448 3.0052m2.1213-8.1318c1.312 1.312 2.1235 3.1245 2.1235 5.1266 0 2.002-.8115 3.8145-2.1235 5.1265m-8.1317-2.1213C8.2257 11.2362 7.75 10.1737 7.75 9.0001s.4757-2.2361 1.2448-3.0052m-2.1213 8.1317C5.5615 12.8146 4.75 11.0021 4.75 9.0001c0-2.002.8115-3.8146 2.1235-5.1266M9 18.25 12 14l3 4.25H9Z" stroke="currentColor" stroke-width="1.5"/></svg>

Bolt 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 5.25h-5l-4.5 8H10L9 18.5l8.25-8.25h-4.21l2.95-5Z"></path></svg>

Tap gesture 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 18v-3.75h-4.5v-5h-3v5m0 3.75v-3.75m0 0L7 18l3 3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.5 7.5l2-2"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12.25 7V3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9 7.5l-2-2"></path></svg>

right-chevron-arrow-icon

Chevron arrow right

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.5 7.5 15 12l-4.5 4.5" stroke="currentColor" stroke-width="1.5"/></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