Align Left Icon
Free SVG icon from the IcoFont collection. Download or copy for use in any project.
The Align Left 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/304906.svg" alt="Align Left icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/304906.svg" alt="Align Left icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/304906.svg" alt="Align Left icon" :width="24" :height="24" />
CSS background
.icon-align-left {
background-image: url('https://proicons.com/icon/304906.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="M845 536H31c-17 0-31 16-31 35v73c0 8 3 15 8 22 7 10 16 13 28 13h813c7 0 14-3 19-8 6-6 9-13 12-21v-85c-1 0-1 0-1-1-6-20-16-28-34-28zm139-423c-5-3-11-5-17-6H33s-1 1-2 1c-19 3-31 17-31 37v68c0 3 0 6 1 8 2 15 17 29 36 29h928c8 0 15-3 21-8 7-5 11-13 14-21v-84c-3-10-8-18-16-24zM16 465h403c4 0 8-3 10-9 3-6 5-13 6-21v-84-1c-3-20-8-28-17-28H15c-9 1-15 16-15 35v79c2 17 8 29 16 29zm557 285H22c-13 1-22 16-22 37v70c0 10 2 18 6 25 5 9 11 11 18 11h555c6 0 11-5 15-12 3-5 4-11 5-17v-84c-5-24-11-30-26-30z"/></svg>
Align Left in other icon packs
Copied!