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

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>

Pause 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="M6.75 5.75h3.5v12.5h-3.5V5.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13.75 5.75h3.5v12.5h-3.5V5.75Z"></path></svg>

edit-clipboard-icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.25 5.75h-3.5v12.5H10m4.75-12.5h3.5V8.5m-9-4.75v4h5.5v-4h-5.5Zm3.5 13.2499 5.25-5.25L20.25 14 15 19.2501h-2.25v-2.2502Z" stroke="currentColor" stroke-width="1.5"/></svg>

Shuffle 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.5 18.5l13-13"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.5 5.5L10 10m8.5 8.5L14 14"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 5.75h4.25V10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 18.25h4.25V14"></path></svg>

Sunset 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 17.25h16"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 9.25V5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17.24 14.25c-.14-2.79-2.43-5-5.25-5s-5.12 2.21-5.25 5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.5 7.5l3.04 3.04"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.56 7.5l-3.08 3.07"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4 14.25h16"></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="M11.75 12.25c0 2.209-1.791 4-4 4 -2.21 0-4-1.791-4-4 0-2.21 1.79-4 4-4 2.209 0 4 1.79 4 4Zm0 0h8v4.25m-3 0v-4.25"></path></svg>

Open in new tab 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 6.75H5.75v11.5h11.5V13"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13 4.75h6.25V11"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 4.75L11.5 12.5"></path></svg>

Free dots vertical big icon

Dots vertical big

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M13.5 7c0 .82-.68 1.5-1.5 1.5 -.83 0-1.5-.68-1.5-1.5 0-.83.67-1.5 1.5-1.5 .82 0 1.5.67 1.5 1.5Z"></path><path fill="currentColor" d="M13.5 12c0 .82-.68 1.5-1.5 1.5 -.83 0-1.5-.68-1.5-1.5 0-.83.67-1.5 1.5-1.5 .82 0 1.5.67 1.5 1.5Z"></path><path fill="currentColor" d="M13.5 17c0 .82-.68 1.5-1.5 1.5 -.83 0-1.5-.68-1.5-1.5 0-.83.67-1.5 1.5-1.5 .82 0 1.5.67 1.5 1.5Z"></path></svg>

İnfo square 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 16v-4.5"></path><circle cx="12" cy="9" r="1" fill="currentColor"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.75 5.75h12.5v12.5H5.75Z"></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 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"><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>

Free pencil 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.25h3.5l7-7.01 2.25-2.25 -3.5-3.5 -2.25 2.25 -7 7v3.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.25 11.25l-3.5-3.5"></path></svg>

Cloud rain vector icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5.5 11c0 1.5188 1.2312 2.75 2.75 2.75h7.5c1.5188 0 2.75-1.2312 2.75-2.75s-1.2312-2.75-2.75-2.75h-.0082c.1403-2.1311-1.6004-4-3.7418-4s-3.882 1.8688-3.7418 4H8.25C6.7312 8.25 5.5 9.4812 5.5 11zM16.75 16v4M13.75 16v4M10.75 16v4M7.75 16v4" stroke="currentColor" stroke-width="1.5"/></svg>

Free sheet 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.75H4.75v12.5h14.5V5.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 10.25h14.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 14.25h14.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 10.25v8"></path></svg>

Free trash 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="M7.25 7.75h9.5m-9.5 0v10.5H12M7.25 7.75H5m11.75 0H19m-2.25 0V12m-2.5-4.25v-3h-4.5v3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.5 14.5l5 5m0-5l-5 5"></path></svg>

Search file 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 19.25H5.75V4.75h12.5V9M8 8.25h8m-8 3h4"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17.94 16.94c.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 0l2.55 2.55"></path></svg>

Tennis racket 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.75 10.5c0 3.17-2.58 5.75-5.75 5.75 -3.18 0-5.75-2.58-5.75-5.75 0-3.18 2.57-5.75 5.75-5.75 3.17 0 5.75 2.57 5.75 5.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 16.25V21"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6.7 12.75h10.58"></path></svg>

svg-asterisk-icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 5v14m-6.0622-3.5 12.1244-7m-12.1243 0 12.1243 7" stroke="currentColor" stroke-width="1.5"/></svg>

Free alert octagon 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 8v4.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9 4.75h3 3L19.25 9v3 3L15 19.25h-3H9L4.75 15v-3V9L9 4.75Z"></path><circle cx="12" cy="15" r="1" fill="currentColor"></circle></svg>

Emoji sad 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 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><circle cx="14" cy="10" r="1" fill="currentColor"></circle><circle cx="10" cy="10" r="1" fill="currentColor"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.01 14.98c-.69-.93-1.79-1.53-3.02-1.53 -1.24 0-2.34.59-3.02 1.52"></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 login 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 4.75h8.25v14.5H10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10.5 8.5L14 12l-3.5 3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 12H4"></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>

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>

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>

Box 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="M19.25 13V8L12 4 4.75 8v8L12 20v-8"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 8L12 12l7.25-4"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M20.5 15.5l-5 5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.5 15.5l5 5"></path></svg>

Free sprout 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 15.99v-4"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 12c0-4.01 3.24-7.25 7.25-7.25C19.25 8.75 16 12 12 12Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 12c0-2.9-2.36-5.25-5.25-5.25C6.75 9.64 9.1 12 12 12Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6.57 18.57c1.28-1.58 3.23-2.58 5.42-2.58 2.18 0 4.14 1 5.42 2.57"></path></svg>

Free shoes 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.25V15l-8.5-4c0 1.65-1.35 3-3 3 -1.66 0-3-1.35-3-3v7.25h14.5Z"></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>

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>

Shield warning 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 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="M12 9v3.5"></path><circle cx="12" cy="15" r="1" fill="currentColor"></circle></svg>

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

Arrow up circle vector icon

Arrow up circle

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="M12 9.5V16"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15 12l-3-3 -3 3"></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>

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 10v8.25h4.5v-5.51h3.5v5.5h4.5V9.99L12 4.48l-6.25 5.5Z"></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