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