# Align left icon

A free align left icon in SVG, also found under left align, text align and justify left. Set the stroke weight and the corners, then copy the code or download the file.

- Name: align-left
- Category: [Editing and text](https://icons.evanpizzolato.com/categories/editing/)
- Also found under: left align, text align, justify left, paragraph
- Page: https://icons.evanpizzolato.com/icons/align-left/
- SVG file: https://icons.evanpizzolato.com/svg/align-left.svg
- CDN: https://cdn.jsdelivr.net/gh/evanpizzolato/quick-start-icons/src/align-left.svg
- License: MIT. Free for personal and commercial use. Attribution is not required.

## SVG

This is the file Copy gives you at the site defaults: square corners and a stroke weight of 1.25.

```svg
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="24" height="24" fill="none"
     stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="miter">
  <path d="M4.5 5v22"/>
  <rect x="9" y="7.5" width="18.5" height="7" rx="0"/>
  <rect x="9" y="18.5" width="12" height="7" rx="0"/>
</svg>
```

## Use it from a CDN

The CDN file is the authored source: rounded corners, a stroke weight of 2, and no width or height. An image tag draws it in black, so paste the markup inline to color it with CSS.

```html
<img src="https://cdn.jsdelivr.net/gh/evanpizzolato/quick-start-icons/src/align-left.svg" width="24" height="24" alt="">
```

## Related icons

- [align-right](https://icons.evanpizzolato.com/icons/align-right.md)
- [align-bottom](https://icons.evanpizzolato.com/icons/align-bottom.md)
- [align-horizontal-center](https://icons.evanpizzolato.com/icons/align-horizontal-center.md)
- [align-top](https://icons.evanpizzolato.com/icons/align-top.md)
- [align-vertical-center](https://icons.evanpizzolato.com/icons/align-vertical-center.md)
- [clipboard](https://icons.evanpizzolato.com/icons/clipboard.md)
- [component](https://icons.evanpizzolato.com/icons/component.md)
- [contrast](https://icons.evanpizzolato.com/icons/contrast.md)