Alignment Horizontal Top Icon SVG
Alignment Horizontal Top
Alignment horizontal top SVG Icon Code | Customize color
You can get svg icon alignment horizontal top in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeAlignment horizontal top
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 24H26" stroke="#333" stroke-width="1" stroke-linecap="round"/><path d="M18 18H30" stroke="#333" stroke-width="1" stroke-linecap="round"/><path d="M20 12H28" stroke="#333" stroke-width="1" stroke-linecap="round"/></svg> Alignment horizontal top
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 24H26" stroke="#333" stroke-width="1" stroke-linecap="round" fill="white"></path><path d="M18 18H30" stroke="#333" stroke-width="1" stroke-linecap="round" fill="white"></path><path d="M20 12H28" stroke="#333" stroke-width="1" stroke-linecap="round" fill="white"></path></svg> Alignment horizontal top
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 24H26" stroke="#333" stroke-width="1" stroke-linecap="round" fill="red"></path><path d="M18 18H30" stroke="#333" stroke-width="1" stroke-linecap="round" fill="red"></path><path d="M20 12H28" stroke="#333" stroke-width="1" stroke-linecap="round" fill="red"></path></svg> Alignment horizontal top
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 24H26" stroke="#333" stroke-width="1" stroke-linecap="round" fill="blue"></path><path d="M18 18H30" stroke="#333" stroke-width="1" stroke-linecap="round" fill="blue"></path><path d="M20 12H28" stroke="#333" stroke-width="1" stroke-linecap="round" fill="blue"></path></svg> Alignment horizontal top
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 24H26" stroke="#333" stroke-width="1" stroke-linecap="round" fill="#f3da35"></path><path d="M18 18H30" stroke="#333" stroke-width="1" stroke-linecap="round" fill="#f3da35"></path><path d="M20 12H28" stroke="#333" stroke-width="1" stroke-linecap="round" fill="#f3da35"></path></svg> Advance Editor
You can edit alignment horizontal top as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements