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