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