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