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

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.5 4.5L5 10l5.5 5.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5 10h14v9"></path></svg>

Free big chevron left icon

Big chevron left

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 5.5L8 12l6.5 6.5"></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>

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>

Calendar 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 0v8H5.75v-8m12.5 0H5.75m3-6.75V8m6.5-4.5V8"></path></svg>

File text 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 18.25V4.75h6.75L17.25 9v9.25H6.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9 12.25h3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9 15.25h6"></path></svg>

Stroke cap round vector icon

Stroke cap 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="M19 18.25h-7.5c-3.46 0-6.25-2.8-6.25-6.25v0c0-3.46 2.79-6.25 6.25-6.25H19"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 12h7"></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>

Mouse hover 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.88 14.63l-2.64 4.61 -3.5-10.75 10.75 4.5 -4.62 1.63Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 7V3.75H8"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 3.75h3.25V7"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8 14.25H4.75V11"></path></svg>

Vector football court 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 5v5m0 9v-5m0 0c1.1 0 2-.9 2-2 0-1.11-.9-2-2-2m0 4c-1.11 0-2-.9-2-2 0-1.11.89-2 2-2"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M20 8.75h-3.25v6.5H20M3.75 8.75h3.5v6.5h-3.5m0 3h16.5V5.75H3.75v12.5Z"></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 6.75H4.75v12.5h12.5V15"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17.5 4.25l-7.25 7.25v2.75H13l7.24-7.26 -2.75-2.75Z"></path></svg>

User love 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 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><path fill="currentColor" d="M16.5 18.99l-2.52-2.52c-.55-.55-.56-1.44-.03-2 .56-.593 1.51-.59 2.07 0l.46.49 .46-.5c.56-.6 1.5-.61 2.07-.01 .53.56.52 1.44-.03 1.99l-2.52 2.51Z"></path></svg>

Free small square check icon

Small square check

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 12l2 2 4.5-4.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.75 5.75h12.5v12.5H5.75Z"></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>

Free add money icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12" cy="13" r="1.75" fill="none" stroke="currentColor" stroke-width="1.5"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15 16.75h3.25m0 0h3.25m-3.25 0V13.5m0 3.25V20"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 11.5V8.25H3.75v9.5H13"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6 5.25h12"></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>

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>

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 credit card plus icon

Credit card plus

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 18.25H5.5c-.42 0-.75-.34-.75-.75v-10c0-.42.33-.75.75-.75h13c.41 0 .75.33.75.75V13"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 10.75h14.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18 15v6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15 18h3.5H21"></path></svg>

Arrow down right circle vector icon

Arrow down right 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="M9.5 9.5L14 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="M10 14.25h4.25V10"></path></svg>

Free chubby hand 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 11c0-.97.78-1.75 1.75-1.75 .96 0 1.75.78 1.75 1.75v2.25c0 3.86-3.14 7-7 7 -3.87 0-7-3.14-7-7V8c0-.97.78-1.75 1.75-1.75 .96 0 1.75.78 1.75 1.75m7 3v1.75h-.5c-1.39 0-2.5 1.11-2.5 2.5V16m3-5V6.5c0-.97-.79-1.75-1.75-1.75 -.97 0-1.75.78-1.75 1.75m0 0V5c0-.97-.79-1.75-1.75-1.75 -.97 0-1.75.78-1.75 1.75v3m3.5-1.5V11m-3.5-3v3"></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>

big-simple-arrow-icon-pointing-up

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.5 10.5 12 5l5.5 5.5M12 5.5V19" stroke="currentColor" stroke-width="1.5"/></svg>

Free checkbox 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.75H5.75v12.5h12.5V12"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8.5 10.5L12 14l7.5-7.5"></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>

Minus icon free

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 12h12"></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>

Task list 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="M3 5l2 2 4-4"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M3 11l2 2 4-4"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10.5 12H19"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10.5 5.75H19"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10.5 17.75H19"></path><circle cx="6" cy="17.75" r="1.25" fill="currentColor"></circle></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>

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 3d cube 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 8L12 4l7.25 4v8L12 20l-7.25-4V8Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 12l7.25-4M12 12L4.75 8M12 12v8m0-8l-7.25 4M12 12l7.25 4M12 12V4"></path></svg>

Free file arrow up left icon

File arrow up left

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.5H11"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.01 13.77h-4.25v4.24"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 14l4.5 4.5"></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 empty box search icon‍

Empty box 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="M11 18.25H4.75v-8.5l2-5h10.5l2 5V12"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 9.75H12m7.25 0h-5H12m0 0v-5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 16.25c0 1.65-1.35 3-3 3 -1.66 0-3-1.35-3-3 0-1.66 1.34-3 3-3 1.65 0 3 1.34 3 3Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.19 18.19l3.05 3.05"></path></svg>

Free backspace 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 6.75h-10L3.5 11.5l5.75 5.75h10V6.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.5 9.5l-5 5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10.5 9.5l5 5"></path></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>

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