Alignment Right Center Icon SVG
Alignment Right Center
Alignment right center SVG Icon Code | Customize color
You can get svg icon alignment right center in blue, white, red color and transparent color from below list. You can also customize color using color picker.
Alignment right center
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="M32 30H36" stroke="#333" stroke-width="1" stroke-linecap="round"/><path d="M24 24H36" stroke="#333" stroke-width="1" stroke-linecap="round"/><path d="M28 18H36" stroke="#333" stroke-width="1" stroke-linecap="round"/></svg>
Alignment right center
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="M32 30H36" stroke="#333" stroke-width="1" stroke-linecap="round" fill="white"></path><path d="M24 24H36" stroke="#333" stroke-width="1" stroke-linecap="round" fill="white"></path><path d="M28 18H36" stroke="#333" stroke-width="1" stroke-linecap="round" fill="white"></path></svg>
Alignment right center
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="M32 30H36" stroke="#333" stroke-width="1" stroke-linecap="round" fill="red"></path><path d="M24 24H36" stroke="#333" stroke-width="1" stroke-linecap="round" fill="red"></path><path d="M28 18H36" stroke="#333" stroke-width="1" stroke-linecap="round" fill="red"></path></svg>
Alignment right center
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="M32 30H36" stroke="#333" stroke-width="1" stroke-linecap="round" fill="blue"></path><path d="M24 24H36" stroke="#333" stroke-width="1" stroke-linecap="round" fill="blue"></path><path d="M28 18H36" stroke="#333" stroke-width="1" stroke-linecap="round" fill="blue"></path></svg>
Alignment right center
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="M32 30H36" stroke="#333" stroke-width="1" stroke-linecap="round" fill="#f3da35"></path><path d="M24 24H36" stroke="#333" stroke-width="1" stroke-linecap="round" fill="#f3da35"></path><path d="M28 18H36" stroke="#333" stroke-width="1" stroke-linecap="round" fill="#f3da35"></path></svg>
Advance Editor
You can edit alignment right center as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements