Alignment Horizontal Bottom Icon SVG
Alignment Horizontal Bottom
Alignment horizontal bottom SVG Icon Code | Customize color
You can get svg icon alignment horizontal bottom in blue, white, red color and transparent color from below list. You can also customize color using color picker.
Alignment horizontal bottom
DownloadSvg Code
<?xml version="1.0" encoding="UTF-8"?><svg width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="6" y="6" width="36" height="36" rx="3" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M22 36H26" stroke="#333" stroke-width="1" stroke-linecap="round"/><path d="M18 30H30" stroke="#333" stroke-width="1" stroke-linecap="round"/><path d="M20 24H28" stroke="#333" stroke-width="1" stroke-linecap="round"/></svg>
Alignment horizontal bottom
DownloadSvg Code
<!--?xml version="1.0" encoding="UTF-8"?--><svg style="color: white" width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="6" y="6" width="36" height="36" rx="3" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></rect><path d="M22 36H26" stroke="#333" stroke-width="1" stroke-linecap="round" fill="white"></path><path d="M18 30H30" stroke="#333" stroke-width="1" stroke-linecap="round" fill="white"></path><path d="M20 24H28" stroke="#333" stroke-width="1" stroke-linecap="round" fill="white"></path></svg>
Alignment horizontal bottom
DownloadSvg Code
<!--?xml version="1.0" encoding="UTF-8"?--><svg style="color: red" width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="6" y="6" width="36" height="36" rx="3" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></rect><path d="M22 36H26" stroke="#333" stroke-width="1" stroke-linecap="round" fill="red"></path><path d="M18 30H30" stroke="#333" stroke-width="1" stroke-linecap="round" fill="red"></path><path d="M20 24H28" stroke="#333" stroke-width="1" stroke-linecap="round" fill="red"></path></svg>
Alignment horizontal bottom
DownloadSvg Code
<!--?xml version="1.0" encoding="UTF-8"?--><svg style="color: blue" width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="6" y="6" width="36" height="36" rx="3" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></rect><path d="M22 36H26" stroke="#333" stroke-width="1" stroke-linecap="round" fill="blue"></path><path d="M18 30H30" stroke="#333" stroke-width="1" stroke-linecap="round" fill="blue"></path><path d="M20 24H28" stroke="#333" stroke-width="1" stroke-linecap="round" fill="blue"></path></svg>
Alignment horizontal bottom
DownloadSvg Code
<!--?xml version="1.0" encoding="UTF-8"?--><svg style="color: #f3da35" width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="6" y="6" width="36" height="36" rx="3" fill="none" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"></rect><path d="M22 36H26" stroke="#333" stroke-width="1" stroke-linecap="round" fill="#f3da35"></path><path d="M18 30H30" stroke="#333" stroke-width="1" stroke-linecap="round" fill="#f3da35"></path><path d="M20 24H28" stroke="#333" stroke-width="1" stroke-linecap="round" fill="#f3da35"></path></svg>
Advance Editor
You can edit alignment horizontal bottom as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements