Vertical Align Center Icon SVG

Icon Vertical align center SVG code/vector file is given below and you can use that in websites, apps (Android/IOS), ppt, and other projects. You can use our svg code generator to edit svg icon. Icon can be customized in any color or size using color and size picker.

Vertical align center Icon Svg Code | Path | Download

Download free Vertical Align Center SVG icons in different sizes (16*16, 24*24, 32*32, 64*64 & Other). Check and download the Vertical Align Center Icon SVG code in HTML/Css from below.

Vertical Align Center

Vertical align center SVG Icon Code | Customize color

You can get svg icon vertical align center in blue, white, red color and transparent color from below list. You can also customize color using color picker.

Vertical align center

Svg Code

 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21,11H18V6a1,1,0,0,0-1-1H14V3a1,1,0,0,0-1-1H7A1,1,0,0,0,6,3v8H3a1,1,0,0,0,0,2H6v8a1,1,0,0,0,1,1h6a1,1,0,0,0,1-1V19h3a1,1,0,0,0,1-1V13h3a1,1,0,0,0,0-2Zm-9,9H8V4h4Zm4-3H14V7h2Z"/></svg>

Vertical align center

Svg Code

 <svg style='color: white' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21,11H18V6a1,1,0,0,0-1-1H14V3a1,1,0,0,0-1-1H7A1,1,0,0,0,6,3v8H3a1,1,0,0,0,0,2H6v8a1,1,0,0,0,1,1h6a1,1,0,0,0,1-1V19h3a1,1,0,0,0,1-1V13h3a1,1,0,0,0,0-2Zm-9,9H8V4h4Zm4-3H14V7h2Z"/></svg>

Vertical align center

Svg Code

 <svg style='color: red' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21,11H18V6a1,1,0,0,0-1-1H14V3a1,1,0,0,0-1-1H7A1,1,0,0,0,6,3v8H3a1,1,0,0,0,0,2H6v8a1,1,0,0,0,1,1h6a1,1,0,0,0,1-1V19h3a1,1,0,0,0,1-1V13h3a1,1,0,0,0,0-2Zm-9,9H8V4h4Zm4-3H14V7h2Z"/></svg>

Vertical align center

Svg Code

 <svg style='color: blue' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21,11H18V6a1,1,0,0,0-1-1H14V3a1,1,0,0,0-1-1H7A1,1,0,0,0,6,3v8H3a1,1,0,0,0,0,2H6v8a1,1,0,0,0,1,1h6a1,1,0,0,0,1-1V19h3a1,1,0,0,0,1-1V13h3a1,1,0,0,0,0-2Zm-9,9H8V4h4Zm4-3H14V7h2Z"/></svg>

Vertical align center

Svg Code

 <svg style='color: #f3da35' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M21,11H18V6a1,1,0,0,0-1-1H14V3a1,1,0,0,0-1-1H7A1,1,0,0,0,6,3v8H3a1,1,0,0,0,0,2H6v8a1,1,0,0,0,1,1h6a1,1,0,0,0,1-1V19h3a1,1,0,0,0,1-1V13h3a1,1,0,0,0,0-2Zm-9,9H8V4h4Zm4-3H14V7h2Z"/></svg>

Advance Editor

You can edit vertical align center as below. Change size color and background color of icon using below tool.

fontawesomeicons.com

Size

Stroke

shapes

Size

Stroke

tab 2 content

Tab 3 content

Related Icons

Vertical Align Center Icon SVG - Faq(s)?

⭐Can I get Free Vertical Align Center Icon SVG?

Yes, you can get free Vertical Align Center SVG icons.

⭐ How to download free Vertical Align Center Icon SVG code?

To download free Vertical Align Center icons in SVG code click on the copy code button.

⭐How to find the Vertical Align Center Icon SVG path file?

You can get the Vertical Align Center SVG file path from the above section.

⭐ What are the colors available for SVG Vertical Align Center Icon?

You can check the Vertical Align Center SVG in your brand color i.e, White, Black, Blue, Red, Green, Pink & Yellow.