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