Alignment Vertical Left Icon SVG
Alignment Vertical Left
Alignment vertical left SVG Icon Code | Customize color
You can get svg icon alignment vertical left in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeAlignment vertical left
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="M12 22V26" stroke="#333" stroke-width="1" stroke-linecap="round"/><path d="M18 18V30" stroke="#333" stroke-width="1" stroke-linecap="round"/><path d="M24 20V28" stroke="#333" stroke-width="1" stroke-linecap="round"/></svg> Alignment vertical left
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="M12 22V26" stroke="#333" stroke-width="1" stroke-linecap="round" fill="white"></path><path d="M18 18V30" stroke="#333" stroke-width="1" stroke-linecap="round" fill="white"></path><path d="M24 20V28" stroke="#333" stroke-width="1" stroke-linecap="round" fill="white"></path></svg> Alignment vertical left
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="M12 22V26" stroke="#333" stroke-width="1" stroke-linecap="round" fill="red"></path><path d="M18 18V30" stroke="#333" stroke-width="1" stroke-linecap="round" fill="red"></path><path d="M24 20V28" stroke="#333" stroke-width="1" stroke-linecap="round" fill="red"></path></svg> Alignment vertical left
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="M12 22V26" stroke="#333" stroke-width="1" stroke-linecap="round" fill="blue"></path><path d="M18 18V30" stroke="#333" stroke-width="1" stroke-linecap="round" fill="blue"></path><path d="M24 20V28" stroke="#333" stroke-width="1" stroke-linecap="round" fill="blue"></path></svg> Alignment vertical left
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="M12 22V26" stroke="#333" stroke-width="1" stroke-linecap="round" fill="#f3da35"></path><path d="M18 18V30" stroke="#333" stroke-width="1" stroke-linecap="round" fill="#f3da35"></path><path d="M24 20V28" stroke="#333" stroke-width="1" stroke-linecap="round" fill="#f3da35"></path></svg> Advance Editor
You can edit alignment vertical left as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements