Align Right Icon
Free SVG icon from the IcoFont collection. Download or copy for use in any project.
The Align Right icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/304907.svg" alt="Align Right icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/304907.svg" alt="Align Right icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/304907.svg" alt="Align Right icon" :width="24" :height="24" />
CSS background
.icon-align-right {
background-image: url('https://proicons.com/icon/304907.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="64" height="64" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M156 536h813c17 0 31 16 31 35v73c0 8-3 15-7 22-8 10-17 13-29 13H151c-7 0-14-3-19-8-6-6-9-13-12-21v-85c1 0 1 0 1-1 6-20 16-28 35-28zM17 113c5-3 10-5 16-6h934c1 0 1 1 2 1 19 3 31 17 31 37v68c0 3 0 6-1 8-2 15-17 29-36 29H35c-8 0-15-3-21-8-7-5-11-13-14-21v-84c3-10 8-18 17-24zm967 352H581c-4 0-7-3-10-9s-5-13-6-21v-84-1c3-20 8-28 17-28h404c8 1 14 16 14 35v79c-2 17-8 29-16 29zM427 750h552c12 1 21 16 21 37v70c0 10-2 18-6 25-5 9-11 11-18 11H421c-6 0-11-5-15-12-3-5-4-11-5-17v-84c5-24 11-30 26-30z"/></svg>
Align Right in other icon packs
Copied!