Skip to content

Tube

Usage

With Web Components

html
<ss-icon icon="tube"></ss-icon>

With icon tag

html
<i class="ss ss-tube"></i>

With custom stroke width / thickness

html
<ss-icon icon="tube" thickness="1.2"></ss-icon>

Icon Details

PropertyValue
NameTube
Slugtube
Tagsshape, round, 3d, pipe, hollow, geometry, tube

SVG Path

M21 6.5c0 1.933-4.03 3.5-9 3.5s-9-1.567-9-3.5S7 3 12 3s9 1.567 9 3.5zM21 6.5v11c0 1.933-4.03 3.5-9 3.5s-9-1.567-9-3.5v-11M17 6.5c0 .7-2 1.5-5 1.5s-5-.8-5-1.5S9 5 12 5s5 .8 5 1.5zM17 20.4 17 9.5

Raw SVG

html
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
  <path d="M21 6.5c0 1.933-4.03 3.5-9 3.5s-9-1.567-9-3.5S7 3 12 3s9 1.567 9 3.5zM21 6.5v11c0 1.933-4.03 3.5-9 3.5s-9-1.567-9-3.5v-11M17 6.5c0 .7-2 1.5-5 1.5s-5-.8-5-1.5S9 5 12 5s5 .8 5 1.5zM17 20.4 17 9.5"></path>
</svg>

← Back to Icon Library