Cylinder

By Phosphor Icons in Phosphor

SVG

React

Vue

Base64

Copy
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 256 256">
  <path fill="currentColor" d="M128 16c-40.37 0-72 19.33-72 44v136c0 24.67 31.63 44 72 44s72-19.33 72-44V60c0-24.67-31.63-44-72-44Zm0 16c26.49 0 56 11.5 56 28s-29.51 28-56 28s-56-11.5-56-28s29.51-28 56-28Zm0 192c-29.83 0-56-13.08-56-28V88c13.1 9.85 33.14 16 56 16s42.9-6.2 56-16v108c0 14.92-26.17 28-56 28Z"/>
</svg>


Cylinder Icons examples

See what this icon looks like in some mockup designs
CylinderHome

Related icons in Phosphor

copy save
acorn
copy save
acorn-bold
copy save
acorn-duotone
copy save
acorn-fill
copy save
acorn-light
copy save
acorn-thin
copy save
address-book
copy save
address-book-bold
copy save
address-book-duotone
copy save
address-book-fill
copy save
address-book-light
copy save
address-book-tabs
copy save
address-book-tabs-bold
copy save
address-book-tabs-duotone
copy save
address-book-tabs-fill
copy save
address-book-tabs-light
copy save
address-book-tabs-thin
copy save
address-book-thin
copy save
air-traffic-control
copy save
air-traffic-control-bold