Skip to content

Align Middle Object

Usage

With Web Components

html
<ss-icon icon="align-middle-object"></ss-icon>

With icon tag

html
<i class="ss ss-align-middle-object"></i>

With custom stroke width / thickness

html
<ss-icon icon="align-middle-object" thickness="1.2"></ss-icon>

Icon Details

PropertyValue
NameAlign Middle Object
Slugalign-middle-object
Tagsalign, middle, object, layout, position, design

SVG Path

M12 4h6a1 1 0 011 1v3a1 1 0 01-1 1H6a1 1 0 01-1-1V5a1 1 0 011-1ZM12 15h6a1 1 0 011 1v3a1 1 0 01-1 1h-12a1 1 0 01-1-1v-3a1 1 0 011-1ZM21 12 3 12

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="M12 4h6a1 1 0 011 1v3a1 1 0 01-1 1H6a1 1 0 01-1-1V5a1 1 0 011-1ZM12 15h6a1 1 0 011 1v3a1 1 0 01-1 1h-12a1 1 0 01-1-1v-3a1 1 0 011-1ZM21 12 3 12"></path>
</svg>

← Back to Icon Library