Align Vertical Distribute Center Icon SVG
Align Vertical Distribute Center
Align vertical distribute center SVG Icon Code | Customize color
You can get svg icon align vertical distribute center in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeSvg Code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" > <rect x="5" y="14" width="14" height="6" rx="2" /> <rect x="7" y="4" width="10" height="6" rx="2" /> <path d="M22 7h-5" /> <path d="M7 7H1" /> <path d="M22 17h-3" /> <path d="M5 17H2" /> </svg> Svg Code
<svg style="color: white" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <rect x="5" y="14" width="14" height="6" rx="2"></rect> <rect x="7" y="4" width="10" height="6" rx="2"></rect> <path d="M22 7h-5" fill="white"></path> <path d="M7 7H1" fill="white"></path> <path d="M22 17h-3" fill="white"></path> <path d="M5 17H2" fill="white"></path> </svg> Svg Code
<svg style="color: red" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <rect x="5" y="14" width="14" height="6" rx="2"></rect> <rect x="7" y="4" width="10" height="6" rx="2"></rect> <path d="M22 7h-5" fill="red"></path> <path d="M7 7H1" fill="red"></path> <path d="M22 17h-3" fill="red"></path> <path d="M5 17H2" fill="red"></path> </svg> Svg Code
<svg style="color: blue" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <rect x="5" y="14" width="14" height="6" rx="2"></rect> <rect x="7" y="4" width="10" height="6" rx="2"></rect> <path d="M22 7h-5" fill="blue"></path> <path d="M7 7H1" fill="blue"></path> <path d="M22 17h-3" fill="blue"></path> <path d="M5 17H2" fill="blue"></path> </svg> Svg Code
<svg style="color: #f3da35" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> <rect x="5" y="14" width="14" height="6" rx="2"></rect> <rect x="7" y="4" width="10" height="6" rx="2"></rect> <path d="M22 7h-5" fill="#f3da35"></path> <path d="M7 7H1" fill="#f3da35"></path> <path d="M22 17h-3" fill="#f3da35"></path> <path d="M5 17H2" fill="#f3da35"></path> </svg> Advance Editor
You can edit align vertical distribute center as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements