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

Barcode 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 6v12M9 6v10m3-10v10m3-10v10m3.25-10v12"></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>

Free repeat 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 16h7.25V6H4.75v10H8"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.5 12.5L11 16l3.5 3.5"></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>

Corner up left 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 11h11v8"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10.5 15.5L6 11l4.5-4.5"></path></svg>

Calendar cross vector icon

Calendar 2 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="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.5 14.5l5 5m0-5l-5 5"></path></svg>

Note 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 15l0-9.25H9.24l0 11.24"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.25 17c0 1.24-1.01 2.25-2.25 2.25 -1.25 0-2.25-1.01-2.25-2.25 0-1.25 1-2.25 2.25-2.25 1.24 0 2.25 1 2.25 2.25Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M18.25 15c0 1.24-1.01 2.25-2.25 2.25 -1.25 0-2.25-1.01-2.25-2.25 0-1.25 1-2.25 2.25-2.25 1.24 0 2.25 1 2.25 2.25Z"></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 18.25h6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 4.25C9.37 4.25 7.25 6.37 7.25 9c0 1.8 1.01 3.38 2.5 4.18v2.06h4.49v-2.07c1.48-.81 2.5-2.38 2.5-4.19 0-2.63-2.13-4.75-4.75-4.75Z"></path></svg>

Air humidity 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 12.25c1.38 0 2.5-1.12 2.5-2.5C14.5 8.36 12 4.5 12 4.5s-2.5 3.86-2.5 5.25c0 1.38 1.11 2.5 2.5 2.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4 16l3.18-1.2c.52-.2 1.09-.17 1.59.08l2.32 1.16c.56.28 1.22.28 1.78 0l2.32-1.17c.49-.25 1.07-.28 1.59-.09l3.18 1.19"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6 18.75l1.18-.45c.52-.2 1.09-.17 1.59.08l2.32 1.16c.56.28 1.22.28 1.78 0l2.32-1.17c.49-.25 1.07-.28 1.59-.09l1.18.44"></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>

Switch theme 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="currentColor" d="M4.75 12c0 4 3.24 7.25 7.25 7.25V16c-2.21 0-4-1.8-4-4 0-2.21 1.79-4 4-4V4.75c-4.01 0-7.25 3.24-7.25 7.25Z"></path><path fill="currentColor" d="M16 12c0 2.2-1.8 4-4 4V8c2.2 0 4 1.79 4 4Z"></path></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>

Schedule 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="M10 19.25H5.75V4.75h12.5V10M8 8.25h8m-8 3h4"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.75 14.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 folder arrow right icon

Folder arrow 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="M19.25 18.25v-11h-7.5v-2.5h-7v13.5h14.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.25 10.75L10 15"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M10 10.75h4.25V15"></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>

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.75l3.75 3.75v9.75H6.75Z"></path></svg>

Free corner down right icon

Corner 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="M18 13H7V5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13.5 8.5L18 13l-4.5 4.5"></path></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>

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>

Free infinite 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 11.99L9.74 9.76c-1.94-1.73-5.01-.37-5.01 2.22 0 2.73 3.38 4.03 5.22 2l2.02-2.01Zm0 0l2.24-2.23c1.93-1.73 5-.36 5 2.22 0 2.73-3.39 4.03-5.23 2.01l-2.03-2.02Z"></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>

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>

big-arrow-icon-pointing-down-right

Big arrow down right

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.25 10.5v7.75H10.5M18 18 6.5 6.5" stroke="currentColor" stroke-width="1.5"/></svg>

Sparkle 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 12c-3.87 0-7 3.13-7 7 0-3.87-3.14-7-7-7 3.86 0 7-3.14 7-7 0 3.86 3.13 7 7 7Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8 16l-2.5 2.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8 8L5.5 5.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16 16l2.5 2.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16 8l2.5-2.5"></path></svg>

Free bank 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="M8.25 10.75v3.75 3.75"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5 18.25h14"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 10.75v7.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.75 10.75v7.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.5 10.75L12 4.5l6.5 6.25h-13Z"></path></svg>

Sparkles 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="M10 12c2.7614 0 5-2.239 5-5 0 2.761 2.238 5 5 5 -2.762 0-5 2.238-5 5 0-2.762-2.2386-5-5-5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4 6.5c1.933 0 3.5-1.567 3.5-3.5 0 1.933 1.567 3.5 3.5 3.5 -1.933 0-3.5 1.567-3.5 3.5 0-1.933-1.567-3.5-3.5-3.5Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4 17.5c1.933 0 3.5-1.567 3.5-3.5 0 1.933 1.567 3.5 3.5 3.5 -1.933 0-3.5 1.567-3.5 3.5 0-1.933-1.567-3.5-3.5-3.5Z"></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>

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>

Plug 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="M10.47 15.44c2.05 2.05 5.37 2.05 7.42 0l1.41-1.42 -7.43-7.43L10.45 8c-2.06 2.05-2.06 5.37 0 7.42Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M3.05 15.8c2.56 2.56 5.13 1.93 7.42-.36"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.01 8.73l3.48-3.49"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17.19 11.91l3.35-3.36"></path></svg>

Free cloud rain 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 17.5v3M13.75 16v3M10.75 17.5v3M7.75 16v3" stroke="currentColor" stroke-width="1.5"/></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 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>

Vector social share 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.4608 16.3554c-.135.269-.211.573-.211.894 0 1.104.895 2 2 2 1.104 0 2-.896 2-2 0-1.105-.896-2-2-2 -.783 0-1.461.449-1.79 1.105Zm0 0l-4.922-3.461m0 0c.134-.27.21-.573.21-.895 0-.322-.076-.626-.211-.895m0 1.789c-.329.6555-1.007 1.105-1.79 1.105 -1.105 0-2-.896-2-2 0-1.105.895-2 2-2 .782 0 1.46.449 1.789 1.105m0 0l4.921-3.461m0 0c.328.655 1.006 1.105 1.789 1.105 1.104 0 2-.896 2-2 0-1.105-.896-2-2-2 -1.105 0-2 .895-2 2 0 .321.075.625.21.894Z"></path></svg>

Free internet cloud icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 5.5c-2.3472 0-4.25 1.9028-4.25 4.25v.0082c-1.9545.1286-3.5 1.7547-3.5 3.7418 0 2.0711 1.679 3.75 3.75 3.75h8c2.0711 0 3.75-1.6789 3.75-3.75 0-1.9871-1.5455-3.6132-3.5-3.7418V9.75c0-2.3472-1.9028-4.25-4.25-4.25z" stroke="currentColor" stroke-width="1.5"/></svg>

Free video camera 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 17.25V6.75h11V9.5l3.5-1.5v8l-3.5-1.5v2.75h-11Z"></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