Side Navigation

By Google in Material Symbols Light

SVG

React

Vue

Base64

Copy
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 24 24">
  <path fill="currentColor" d="M5.615 20q-.69 0-1.152-.462Q4 19.075 4 18.385V5.615q0-.69.463-1.152Q4.925 4 5.615 4h12.77q.69 0 1.152.463q.463.462.463 1.152v12.77q0 .69-.462 1.152q-.463.463-1.153.463H5.615ZM12 19h6.385q.23 0 .423-.192q.192-.193.192-.423V5.615q0-.23-.192-.423Q18.615 5 18.385 5H12v14Z"/>
</svg>


Side Navigation Icons examples

See what this icon looks like in some mockup designs
Side NavigationHome

Related icons in Material Symbols Light

copy save
air
copy save
air-rounded
copy save
architecture
copy save
architecture-rounded
copy save
arrow-cool-down
copy save
arrow-cool-down-rounded
copy save
arrow-warm-up
copy save
arrow-warm-up-rounded
copy save
avg-pace
copy save
avg-pace-rounded
copy save
avg-time
copy save
avg-time-outline
copy save
avg-time-outline-rounded
copy save
avg-time-outline-sharp
copy save
avg-time-rounded
copy save
avg-time-sharp
copy save
azm
copy save
azm-outline
copy save
azm-outline-rounded
copy save
azm-rounded