Alignment Vertical Right Icon SVG
Alignment Vertical Right
Alignment vertical right SVG Icon Code | Customize color
You can get svg icon alignment vertical right in blue, white, red color and transparent color from below list. You can also customize color using color picker.
Alignment vertical 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 22V26" stroke="#333" stroke-width="1" stroke-linecap="round"/><path d="M30 18V30" stroke="#333" stroke-width="1" stroke-linecap="round"/><path d="M36 20V28" stroke="#333" stroke-width="1" stroke-linecap="round"/></svg>
Alignment vertical 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 22V26" stroke="#333" stroke-width="1" stroke-linecap="round" fill="white"></path><path d="M30 18V30" stroke="#333" stroke-width="1" stroke-linecap="round" fill="white"></path><path d="M36 20V28" stroke="#333" stroke-width="1" stroke-linecap="round" fill="white"></path></svg>
Alignment vertical 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 22V26" stroke="#333" stroke-width="1" stroke-linecap="round" fill="red"></path><path d="M30 18V30" stroke="#333" stroke-width="1" stroke-linecap="round" fill="red"></path><path d="M36 20V28" stroke="#333" stroke-width="1" stroke-linecap="round" fill="red"></path></svg>
Alignment vertical 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 22V26" stroke="#333" stroke-width="1" stroke-linecap="round" fill="blue"></path><path d="M30 18V30" stroke="#333" stroke-width="1" stroke-linecap="round" fill="blue"></path><path d="M36 20V28" stroke="#333" stroke-width="1" stroke-linecap="round" fill="blue"></path></svg>
Alignment vertical 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 22V26" stroke="#333" stroke-width="1" stroke-linecap="round" fill="#f3da35"></path><path d="M30 18V30" stroke="#333" stroke-width="1" stroke-linecap="round" fill="#f3da35"></path><path d="M36 20V28" stroke="#333" stroke-width="1" stroke-linecap="round" fill="#f3da35"></path></svg>
Advance Editor
You can edit alignment vertical right as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements