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 plus square 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 12h4m0 0c1.65 0 4 0 4 0m-4 0V8m0 4v4"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 4.75h14.5v14.5H4.75V4.75Z"></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 viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15 18.25h4.25V5.75H4.75V8M5.75 19c0-.9665-.7835-1.75-1.75-1.75M8.75 19c0-2.6234-2.1266-4.75-4.75-4.75" stroke="currentColor" stroke-width="1.5"/><path d="M11.75 19c0-4.2802-3.4698-7.75-7.75-7.75" stroke="currentColor" stroke-width="1.5"/></svg>

Free sliders horizontal icon

Sliders 2 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="M16 8h4"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M11 16h9"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4 16h4.75m0 0v3m0-3v-3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4 8h9.75m0 0V5m0 3v3"></path></svg>

ios-airplay-icon-svg

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M8 15.25H4.75v-9.5h14.5v9.5H16m-7 3L12 14l3 4.25H9Z" stroke="currentColor" stroke-width="1.5"/></svg>

Flag 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 19v-6.75m0 0v-7.5h10.5l-3 3.75 3 3.75H6.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>

Free shield 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="M18.25 11V7.75L12 4.5 5.75 7.75V11c0 6 6.25 8.75 6.25 8.75s6.25-2.75 6.25-8.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9 12l2 2 4-4"></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="M12 6.45l-7.375 11.8h14.75L12 6.45Zm0 0l2-3.2m-2 3.2l-2.01-3.2"></path></svg>

Swap small vertical vector icon

Swap small vertical

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.5 12.5L5 9l3.5-3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.5 18.5L19 15l-3.5-3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M19 15h-9"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5 9h9"></path></svg>

Free upload 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 14v4.25h14.5V14"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.5 8.5L12 5 8.5 8.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 5v10"></path></svg>

Tap gesture 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 18v-3.75h-4.5v-5h-3v5m0 3.75v-3.75m0 0L7 18l3 3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.5 7.5l2-2"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12.25 7V3.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9 7.5l-2-2"></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>

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>

Pos payment cross vector icon

Pos payment 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="M17.75 9.75H6.25v10.5h11.5V9.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14.5 12.5l-5 5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9.5 12.5l5 5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8.25 9.75v-5c0-.28.22-.5.5-.5h6.5c.27 0 .5.22.5.5v5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12.75 4.25v5.5"></path></svg>

User cross 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.5 15.5l5 5m0-5l-5 5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.75 19v-2.75c0-1.11.89-2 2-2H12"></path></svg>

Free mail 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="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 15.75h6"></path></svg>

Free home move 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 10L12 4.49l-6.25 5.5v8.25H10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12.75 18v-5.25H18"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12.75 12.75l5.75 5.75"></path></svg>

Free user 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><circle cx="12" cy="10.5" r="2.75" fill="none" stroke="currentColor" stroke-width="1.5"></circle><path fill="none" stroke="currentColor" stroke-width="1.5" d="M7.75 18v-1.25c0-.56.44-1 1-1h6.5c.55 0 1 .44 1 1V18"></path></svg>

Free inbox 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="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.5H12"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M14 7h3m0 0h3m-3 0V4m0 3v3"></path></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>

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 7h14M5 12h14M5 17h14"></path></svg>

add-to-list-icon

Copy

<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M5 6.75h14m-14 5h14M5 17h7m2 0h3m0 0h3m-3 0v-3m0 3v3" stroke="currentColor" stroke-width="1.5"/></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>

File error inside vector icon

File error 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="M12 9v3.5"></path><circle cx="12" cy="15" r="1" fill="currentColor"></circle></svg>

Free parking 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.25 14.25l2-4h6.5l2 4m-10.5 0H5m2.25 0V17m10.5-2.75H20m-2.25 0V17m-10.5 2v-2m10.5 2v-2m-10.5 0h10.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 3v8"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M4.75 3.75v4h2.5c1.1 0 2-.9 2-2 0-1.11-.9-2-2-2h-2.5Z"></path></svg>

Free drink 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 9V3.75h-3.5V9l-2 6v5.25H10"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 20.25h3m0 0h3m-3 0v-3m0 0c1.24 0 2.25-1.01 2.25-2.25v-3.25h-4.5V15c0 1.24 1 2.25 2.25 2.25Z"></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>

Command 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.75 9.75V8c0-.97-.79-1.75-1.75-1.75v0c-.97 0-1.75.78-1.75 1.75v0c0 .96.78 1.75 1.75 1.75h1.75Zm0 0h4.5m-4.5 0v4.5m0 0H8c-.97 0-1.75.78-1.75 1.75v0c0 .96.78 1.75 1.75 1.75v0c.96 0 1.75-.79 1.75-1.75v-1.75Zm0 0h4.5m0-4.5H16c.96 0 1.75-.79 1.75-1.75v0c0-.97-.79-1.75-1.75-1.75v0c-.97 0-1.75.78-1.75 1.75v1.75Zm0 0v4.5m0 0H16c.96 0 1.75.78 1.75 1.75v0c0 .96-.79 1.75-1.75 1.75v0c-.97 0-1.75-.79-1.75-1.75v-1.75Z"></path></svg>

Free emoji dead 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="M10 15.25h4"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M11 9.5l-3 3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M16 9.5l-3 3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M8 9.5l3 3"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M13 9.5l3 3"></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>

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.25h6"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M9 15.25h6"></path></svg>

Grid 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 5.75h12.5v12.5H5.75Z"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.75 12h12.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M12 18.25V5.75"></path></svg>

Free sliders vertical icon

Sliders vertical

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 15H20m-9.75 0c0 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="M14.75 9H5m9.75 0c0 1.24 1 2.25 2.25 2.25 1.24 0 2.25-1.01 2.25-2.25 0-1.25-1.01-2.25-2.25-2.25 -1.25 0-2.25 1-2.25 2.25Z"></path></svg>

Train track 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="M8.25 4v16"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5 7.25h5 9"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5 12h5 9"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5 16.75h5 9"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M15.75 4v16"></path></svg>

Landlord 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 9.25c2.34 0 4.25 1.9 4.25 4.25v.75h-2v5H14m0-10c1.24 0 2.25-1.01 2.25-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.25Zm0 0c-1.31 0-2.47.58-3.25 1.5"></path><path fill="none" stroke="currentColor" stroke-width="1.5" d="M5.75 15.25v4h6.5v-4L9 12l-3.25 3.25Z"></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