Send this page to your computer

Free side panel icon

Essential icons

Interface icons

Free side panel icon

Looking for a sharp, pixel-perfect icon for your next design project? Look no further than the side panel icon! This icon is perfect for designers who want to add a touch of class to their app or website.The side panel icon is available in a variety of formats, including PNG, WEBP, JPG, SVG, PDF, and animated Lottie files. Plus, you can easily copy it as an SVG right from our Figma or IconJar library. Best of all, it's free to use!

<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 5.75h-5v12.5h5m0-12.5h9.5v12.5h-9.5m0-12.5v12.5"></path></svg>

Download as...

Animated

Lottie

and

GIF

files available for download

Animated

Lottie

file available for download

Similar icons to

Side panel

Free Credit card important icon

Credit card important

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 14v3.5"></path><circle cx="18" cy="20" r="1" fill="currentColor"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15 17.25H5.5c-.42 0-.75-.34-.75-.75v-10c0-.42.33-.75.75-.75h13c.41 0 .75.33.75.75V12"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 9.75h14.5"></path></svg>

Free credit card search icon

Credit card 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="M18.75 16.25c0 1.38-1.12 2.5-2.5 2.5 -1.39 0-2.5-1.12-2.5-2.5 0-1.39 1.11-2.5 2.5-2.5 1.38 0 2.5 1.11 2.5 2.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18 18l2.65 2.66"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M11 17.25H5.5c-.42 0-.75-.34-.75-.75v-10c0-.42.33-.75.75-.75h13c.41 0 .75.33.75.75V12"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 9.75h14.5"></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>

Free map marker add 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.25l-4.4-4.4c-3.86-3.86-.89-10.61 4.39-10.61 4.11 0 6.83 4.11 5.99 7.75"></path><circle cx="12" cy="10.25" r="2" fill="none" stroke="currentColor" stroke-width="1.5"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 17h3m0 0h3m-3 0v-3m0 3v3"></path></svg>

Statics increase vector icon

Statics increase

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 6.75L12 13l-2-2 -4.5 4.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 6.75h4.25V11"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5 18.25h14"></path></svg>

Dots vertical vector icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="currentColor" d="M12 11c.55 0 1 .44 1 1 0 .55-.45 1-1 1 -.56 0-1-.45-1-1 0-.56.44-1 1-1Z"></path><path fill="currentColor" d="M12 15c.55 0 1 .44 1 1 0 .55-.45 1-1 1 -.56 0-1-.45-1-1 0-.56.44-1 1-1Z"></path><path fill="currentColor" d="M12 7c.55 0 1 .44 1 1 0 .55-.45 1-1 1 -.56 0-1-.45-1-1 0-.56.44-1 1-1Z"></path></svg>

Users vector icon

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="10.5" cy="8.5" r="2.75" fill="none" stroke="currentColor" stroke-width="1.5"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.75 19v-2.75c0-1.11.89-2 2-2h5.5c1.1 0 2 .89 2 2V19"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 19v-2.75c0-1.11-.9-2-2-2H17"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.5 11.25c1.51 0 2.75-1.24 2.75-2.75 0-1.52-1.24-2.75-2.75-2.75"></path></svg>

Box 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 8L12 4l7.25 4v8L12 20l-7.25-4V8Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 8L12 12M4.75 8L12 12m0 8v-8"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.62 10L8.37 6"></path></svg>

Free box 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="M14.5 18.25l2 1.75 4.5-5"></path><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></svg>

Mail open 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 8.75v9.5h13.5v-9.5m-13.5 0L12 4l6.75 4.75m-13.5 0l5 4h3.5l5-4"></path></svg>

Email phone 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="M14.25 18.25h4V4.75h-7.5v6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 10.75L9.5 15l4.75-4.25"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 18.25v-7.5h6 3.5v7.5h-9.5Z"></path></svg>

Free heart 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="M12 18l-6.5-6.5c-1.39-1.39-1.39-3.62 0-5 1.38-1.39 3.61-1.39 4.99 0l1.5 1.5 1.5-1.5c1.38-1.39 3.61-1.39 5 0 1.38 1.38 1.38 3.61 0 4.99"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 16h3m0 0h3m-3 0v-3m0 3v3"></path></svg>

Free file download inside icon

File download 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.35L12 14.49l-2.5-2.15"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 14.5v-5"></path></svg>

Free shuffle 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 17h-5l-3-3m8-7h-5L3.5 17.5m0-11L7 10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.5 3.5L20 7l-3.5 3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.5 13.5L20 17l-3.5 3.5"></path></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>

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 0V12m-12.5-1.75v8H12M8.75 3.5V8m6.5-4.5V8"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 15.75h6"></path></svg>

Free seedling 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.75 13.74H12h4.25v5.5h-8.5v-5.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 9.07v2.17c4.18-.01 6.34-2.31 6.24-6.5 -3.1-.08-5.7 1.14-6.25 4.32Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 10V8.92c-.33-3.69-2.52-5.26-6.25-5.18 -.1 4.16 2.19 6.22 6.24 6.24Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 13.24v-2"></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 mail 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="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.5 13.5l5 5m0-5l-5 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>

Artboard 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.75 4v16"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4 7.75h6 10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4 16.25h16"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.25 4v16"></path></svg>

Navigation left vector icon

Navigation 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="M18.75 5.25L6.22 10l5.77 1.99 2 5.75 4.75-12.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="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>

Broken egg 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 12.51c0 3.55-2.71 5.75-5.75 5.75 -3.05 0-5.75-2.2-5.75-5.75 0-.19 0-.38.02-.57 .26-3.47 2.83-7.7 5.72-7.7 2.89 0 5.46 4.22 5.72 7.69 .01.19.02.37.02.56Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17.72 11.947l-1.23 1.05 -2.25-2.75 -2.25 2.75 -2.26-2.75 -2.25 2.75 -1.23-1.06"></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>

Free female gender sign icon

Female 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="M19 5l-6 6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19 10l-5-5"></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>

Search globe icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.75 12c0 4.0041 3.246 7.25 7.25 7.25-1.7949 0-3.25-3.2459-3.25-7.25m-4 0c0-4.004 3.246-7.25 7.25-7.25M4.75 12h4M12 4.75c-1.7949 0-3.25 3.246-3.25 7.25M12 4.75c1.4011 0 2.5951 1.9777 3.0516 4.75M12 4.75c3.1255 0 5.789 1.9777 6.8074 4.75M8.75 12H11m6.4445 4.4445A2.741 2.741 0 0 0 18.25 14.5c0-1.5188-1.2312-2.75-2.75-2.75s-2.75 1.2312-2.75 2.75 1.2312 2.75 2.75 2.75a2.741 2.741 0 0 0 1.9445-.8055Zm0 0L20.5 19.5" stroke="currentColor" stroke-width="1.5"/></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 viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.5 12.5 10 16l7.5-7.5" stroke="currentColor" stroke-width="1.5"/></svg>

Free 3d rectangle 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 9.5L12 5l7.75 4.5v5L12 19l-7.75-4.5v-5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 14l7.75-4.5M12 14L4.25 9.5M12 14v5"></path></svg>

big-simple-arrow-icon-pointing-left

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.5 6.5 5 12l5.5 5.5M5.5 12H19" stroke="currentColor" stroke-width="1.5"/></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>

Free stairs 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.75 4v16"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7.75 7.75h8.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7.75 12h8.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7.75 16.75h8.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.25 4v16"></path></svg>

Medicine rotated vector icon

Medicine rotated

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.87 6.87c-1.47 1.46-1.47 3.83 0 5.3l4.94 4.94c1.46 1.46 3.83 1.46 5.3 0 1.46-1.47 1.46-3.84 0-5.31l-4.95-4.95c-1.47-1.47-3.84-1.47-5.31 0Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.65 9.34l-5.31 5.3"></path></svg>

Free tennis table 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 19v-6.25H12M19.25 19v-6.25H12m0 0v-4"></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