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 inbox 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="M4.75 12.25v6h14.5v-6h-5c0 1.24-1.01 2.25-2.25 2.25 -1.25 0-2.25-1.01-2.25-2.25h-5Zm0 0l2-6.5H11"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.5 4.5l5 5m0-5l-5 5"></path></svg>

Calendar draft 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 11.74l-4.25 4.25v2.25H15l4.25-4.26L17 11.72Z"></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>

Free wallet 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.75h8.75v3H5.5v-3Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.5 8.75h12.75v8.5H5.5v-8.5Z"></path></svg>

Free big chevron bottom icon

Big chevron bottom

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 9.5L12 16l6.5-6.5"></path></svg>

Basketball ball vector icon

Basketball ball

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 2.23-1.02 4.24-2.61 5.57 -1.26 1.04-2.875 1.67-4.64 1.67 -1.84 0-3.51-.69-4.785-1.81 -1.52-1.33-2.465-3.28-2.465-5.45 0-2.18.95-4.12 2.465-5.45C8.485 5.4 10.165 4.72 12 4.72c.09 0 .19 0 .28 0 1.65.06 3.16.68 4.35 1.67 1.59 1.32 2.61 3.33 2.61 5.57Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 12H4.75"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7.21 6.55c1.51 1.32 2.465 3.27 2.465 5.44 0 2.17-.96 4.11-2.465 5.44"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16.64 17.571c-1.6-1.33-2.61-3.34-2.61-5.58s1.01-4.25 2.61-5.58"></path></svg>

Vector zoom out 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 11h6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.419 15.419c1.131-1.131 1.83-2.694 1.83-4.42 0-3.452-2.799-6.25-6.25-6.25 -3.452 0-6.25 2.798-6.25 6.25 0 3.451 2.798 6.25 6.25 6.25 1.725 0 3.288-.7 4.419-1.831Zm0 0l4.08 4.08"></path></svg>

list-file-doc-icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 8.25h8m-8 3h4m-6.25-6.5h12.5v14.5H5.75V4.75Z" stroke="currentColor" stroke-width="1.5"/></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>

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>

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 19v-6.75m0 0v-7.5h10.5v7.5H6.75Z"></path></svg>

simple-aerial-icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="9" r="1.5" fill="currentColor"/><path d="M15.0052 5.9949C15.7743 6.7639 16.25 7.8265 16.25 9s-.4757 2.2361-1.2448 3.0052m2.1213-8.1318c1.312 1.312 2.1235 3.1245 2.1235 5.1266 0 2.002-.8115 3.8145-2.1235 5.1265m-8.1317-2.1213C8.2257 11.2362 7.75 10.1737 7.75 9.0001s.4757-2.2361 1.2448-3.0052m-2.1213 8.1317C5.5615 12.8146 4.75 11.0021 4.75 9.0001c0-2.002.8115-3.8146 2.1235-5.1266M9 18.25 12 14l3 4.25H9Z" stroke="currentColor" stroke-width="1.5"/></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>

Magic 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="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><path fill="currentColor" d="M9 4.5c1.38 0 2.5-1.12 2.5-2.5 0 1.38 1.11 2.5 2.5 2.5 -1.39 0-2.5 1.11-2.5 2.5 0-1.39-1.12-2.5-2.5-2.5Z"></path><path fill="currentColor" d="M17 4.5c1.38 0 2.5-1.12 2.5-2.5 0 1.38 1.11 2.5 2.5 2.5 -1.39 0-2.5 1.11-2.5 2.5 0-1.39-1.12-2.5-2.5-2.5Z"></path><path fill="currentColor" d="M17 12.5c1.38 0 2.5-1.12 2.5-2.5 0 1.38 1.11 2.5 2.5 2.5 -1.39 0-2.5 1.11-2.5 2.5 0-1.39-1.12-2.5-2.5-2.5Z"></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 bounce back 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 7.75l7.75 7.75 6-6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.75 14V7.75H12"></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>

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 5.25h6.5v6.5l-7 7 -6.5-6.5 7-7Z"></path><g transform="matrix(-1 0 0 1 15 9)"><circle cx="0" cy="0" r="1" fill="currentColor"></circle></g></svg>

Free mouse 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.96 18L5.24 5.25 17.99 10l-5.96 2.04 -2.09 5.95Z"></path></svg>

Free aerial icon

Copy

<?xml version="1.0"?><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><circle cx="12" cy="10" r="1" fill="currentColor"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 12.5V20"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M6.87 15.12c-1.32-1.32-2.13-3.13-2.13-5.13 0-2.01.81-3.82 2.12-5.13"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M17.12 4.87c1.31 1.31 2.12 3.12 2.12 5.12s-.82 3.81-2.13 5.12"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15 6.99c.76.76 1.24 1.83 1.24 3s-.48 2.23-1.25 3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8.99 13c-.77-.77-1.25-1.84-1.25-3.01 0-1.18.47-2.24 1.24-3.01"></path></svg>

Free reload 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 4v4.71 .539l-5.25 0"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 12c0 4.004-3.246 7.25-7.25 7.25 -4.005 0-7.25-3.246-7.25-7.25 0-4.005 3.245-7.25 7.25-7.25 2.934 0 5.461 1.742 6.6021 4.25"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.25 4v4.71 .539l-5.25 0"></path></svg>

Arrow up 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 10.5L12 6l4.5 4.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 6v12"></path></svg>

Scooter 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 7.25h4.25"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.75 7.25H5.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.75 7c0-1.25 1-2.25 2.25-2.25v0c1.24 0 2.25 1 2.25 2.25v0c0 1.24-1.01 2.25-2.25 2.25v0c-1.25 0-2.25-1.01-2.25-2.25v0Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 15v6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7.25 17.75V14c0-2.63 2.12-4.75 4.75-4.75 2.62 0 4.75 2.12 4.75 4.75v3.75H12 7.25Z"></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 paper 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.75 18.25c-1.39 0-2.5-1.12-2.5-2.5 0-1.39 1.11-2.5 2.5-2.5h-8.5c-1.39 0-2.5 1.11-2.5 2.5 0 1.38 1.11 2.5 2.5 2.5h8.5Zm0 0c1.38 0 2.5-1.12 2.5-2.5v-11h-10v8.5"></path></svg>

Free cross circle 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="M9.17 9.17l2.82 2.82m0 0c1.17 1.17 2.82 2.82 2.82 2.82m-2.83-2.83l2.82-2.83m-2.83 2.82l-2.83 2.82"></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>

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>

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

Coffee 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.75 4v3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8.75 4v3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.75 9.75h2.01c.82 0 1.48.67 1.48 1.5v1.5c0 .82-.68 1.5-1.5 1.5h-2"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.75 9.75h-10v6.5c0 1.1.89 2 2 2h6c1.1 0 2-.9 2-2v-6.5Z"></path></svg>

Free pumpkin 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.75 12.5c0 3.72 1.91 6.75 4.26 6.75 .66 0 1.3-.25 1.86-.68 1.29.87 2.93.87 4.23 0 .56.43 1.19.67 1.86.67 2.35 0 4.26-3.03 4.26-6.75 0-3.73-1.92-6.75-4.27-6.75 -.67 0-1.31.24-1.87.67 -1.3-.88-2.94-.88-4.24 0 -.57-.44-1.2-.68-1.87-.68 -2.36 0-4.27 3.02-4.27 6.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 5.75V4l1.5-1.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9 15.25l1.5-.75 1.5.75 1.5-.75 1.5.75"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M11 12l-1.5-1.5L8 12"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16 12l-1.5-1.5L13 12"></path></svg>

Paper 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 4.75h-8c-1.11 0-2 .89-2 2v6.5m10-8.5c-1.11 0-2 .89-2 2v2m2-4c1.1 0 2 .89 2 2 0 1.1-.9 2-2 2h-2m-2.5 9.5c-1.39 0-2.5-1.12-2.5-2.5 0-1.39 1.11-2.5 2.5-2.5h-6.5c-1.39 0-2.5 1.11-2.5 2.5 0 1.38 1.11 2.5 2.5 2.5h6.5Zm0 0c1.38 0 2.5-1.12 2.5-2.5v-5.5 -1.5"></path></svg>

Free hexagon 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></svg>

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

Free tennis ball 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.25C7.99 19.25 4.74 16 4.74 12c0-4.01 3.24-7.25 7.25-7.25 .04 0 .09 0 .14 0 3.51.06 6.41 2.63 7 6 .74 4.28-2.77 8.49-7.15 8.49Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.85 13.24c4.43.08 8.03-4.16 7.28-8.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19.14 10.75c-4.47-.09-8.05 4.13-7.29 8.49"></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>

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