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

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 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>

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 9c0 2.34 1.23 4.25 2.75 4.25C17.76 13.25 19 11.34 19 9c0-2.35-1.24-4.25-2.75-4.25 -1.52 0-2.75 1.9-2.75 4.25Zm0 0v9.75l-2.5-2.5 -2 2.5 -2-2.5 -2.25 2.5V9c0-2.35 1.23-4.25 2.75-4.25H16"></path><ellipse rx=".75" ry="1.25" cx="16.25" cy="9" fill="currentColor"></ellipse></svg>

Free tag 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="M18.75 11.75v-6.5h-6.5l-7 7 6.5 6.5"></path><g transform="matrix(-1 0 0 1 15 9)"><circle cx="0" cy="0" r="1" fill="currentColor"></circle></g><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 17h3m0 0h3m-3 0v-3m0 3v3"></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>

Candle 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.76 7.94l2.23-3.2 2.23 3.19c1.26 1.81-.03 4.3-2.24 4.3 -2.22 0-3.51-2.49-2.24-4.31Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.25 20v-5.25h-8.5V20"></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>

Mail 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 12v3.5"></path><circle cx="17" cy="18" r="1" fill="currentColor"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6.25 6.75h11.5m-11.5 0v9.5H12m-5.75-9.5L12 12l5.75-5.25m0 0V10"></path></svg>

Free rotate left 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 4l-.01 4.71v.53l5.24 0"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.39 9c1.14-2.51 3.66-4.25 6.6-4.25 4 0 7.25 3.24 7.25 7.25 0 4-3.25 7.25-7.25 7.25 -2.94 0-5.47-1.75-6.61-4.25"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 4l-.01 4.71v.53l5.24 0"></path></svg>

Free emoji angry 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="M15.01 15.27c-.69-.93-1.79-1.53-3.02-1.53 -1.24 0-2.34.59-3.02 1.52"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.5 9.5l-2.5 2"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M11 11.5l-2.5-2"></path></svg>

Battery charging vector icon‍

Battery charging

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-width="1.5" d="M20.25 9.5v5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7 6.75H3.75v10.5H7m7-10.5h3.25v10.5H14"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M11.5 6.5l-3 5.25h4L9.25 17.5"></path></svg>

vector-activity-icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4 12h4l2-5 4 10 2-5h4" stroke="currentColor" stroke-width="1.5"/></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>

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>

Column 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.25V5.75H4.75v12.5h14.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.5 6v12.25"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.5 5.75V18"></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.75 15.75c0 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="M9.44 14.55l4.55-4.56"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 15.75c0 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="M9 6.75h2.74l4.5 6.5"></path></svg>

Free christian cross icon

Christian cross

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 9.25h10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 4v15"></path></svg>

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20 18.25h-7m-7.25-3.4999L15 5.5 18.5 9l-9.25 9.2501h-3.5v-3.5Z" stroke="currentColor" stroke-width="1.5"/></svg>

Free filter 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 5.75l4.75 6.5v6h3.5v-6l4.75-6.5h-13Z"></path></svg>

at-sign-symbol-icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14.75 19.25H12c-4.004 0-7.25-3.2459-7.25-7.25 0-4.004 3.246-7.25 7.25-7.25 4.0041 0 7.25 3.246 7.25 7.25v1.25c0 1.1046-.8954 2-2 2h-.5c-1.1046 0-2-.8954-2-2v-3.5H12c-1.5188 0-2.75 1.2312-2.75 2.75s1.2312 2.75 2.75 2.75 2.75-1.2312 2.75-2.75" stroke="currentCOlor" stroke-width="1.5"/></svg>

Free code bracket 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 18.75l4-13.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8.25 8.5l-4 3.5 4 3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16 8.5l4 3.5 -4 3.5"></path></svg>

Free toilet roll 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="M13.5 9c0 2.34 1.23 4.25 2.75 4.25C17.76 13.25 19 11.34 19 9c0-2.35-1.24-4.25-2.75-4.25 -1.52 0-2.75 1.9-2.75 4.25Zm0 0v11.25H4.75V9c0-2.35 1.23-4.25 2.75-4.25H16m-11.25 8.5H7m6.5 0h-2m-3 0H10"></path><ellipse rx=".75" ry="1.25" cx="16.25" cy="9" fill="currentColor"></ellipse></svg>

Free bell notification 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 15.25V9c0-2.348 1.902-4.25 4.25-4.25 2.347 0 4.25 1.902 4.25 4.25v6.25M5 15.25h14m-9.5 3h5"></path></svg>

People 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 9.25c-2.35 0-4.26 1.9-4.26 4.25v.75h2v5h4.49v-5h2v-.75c0-2.35-1.91-4.25-4.25-4.25Zm0 0c1.24 0 2.24-1.01 2.24-2.25 0-1.25-1.01-2.25-2.25-2.25 -1.25 0-2.25 1-2.25 2.25 0 1.24 1 2.25 2.25 2.25Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15 4.75c1.24 0 2.25 1 2.25 2.25 0 1.24-1.01 2.25-2.25 2.25 2.34 0 4.25 1.9 4.25 4.25v.75h-2v5H15"></path></svg>

vertical-compare-arrow-icon

Compare vertical

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.5 11.5 12 15l3.5 3.5M12 15h8M8.5 5.5 12 9l-3.5 3.5M12 9H4" stroke="currentColor" stroke-width="1.5"/></svg>

Free folder 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="M19.25 18.75V7.25h-7.5v-2.5h-7v14h14.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.5 10.5l-5 5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.5 10.5l5 5"></path></svg>

Free eye closed 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.97 9c-.48 1.66-1.54 3.08-2.942 4.02m-11-4.03c.47 1.66 1.53 3.08 2.94 4.02m4.02 1.22c1.49 0 2.87-.45 4.02-1.23m-4.03 1.22v2.75m0-2.76c-1.5 0-2.88-.45-4.03-1.23m8.05 0l1.97 1.97M7.93 12.97l-1.98 1.97"></path></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 pizza slice 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.31 10.5c-1.41-1.98-3.71-3.26-6.32-3.26 -2.61 0-4.91 1.28-6.32 3.25m12.62 0l1.77-2.6c-1.98-2.25-4.87-3.67-8.09-3.67 -3.23 0-6.12 1.41-8.09 3.66l1.77 2.59m12.62 0l-6.32 9.24 -6.32-9.25"></path></svg>

Free file minus 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 13V9L13 4.75H6.75v13.5H11"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13 16h3.5H19"></path></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>

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>

Calendar check vector icon

Calendar 2 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="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="M13.5 16.5l2 2 4-4"></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 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>

Computer person vector icon

Computer person

Copy

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="11" cy="8" r="3.25" fill="none" stroke="currentColor" stroke-width="1.5"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 19v-2.75c0-1.11.89-2 2-2H11"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13.5 18.25h5l2-4.5h-5l-2 4.5Zm0 0H9"></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