# Pencil icon

A free pencil icon in SVG, also found under edit, write and draw. Set the stroke weight and the corners, then copy the code or download the file.

- Name: pencil
- Category: [Editing and text](https://icons.evanpizzolato.com/categories/editing/)
- Also found under: edit, write, draw, rename, pen
- Page: https://icons.evanpizzolato.com/icons/pencil/
- SVG file: https://icons.evanpizzolato.com/svg/pencil.svg
- CDN: https://cdn.jsdelivr.net/gh/evanpizzolato/quick-start-icons/src/pencil.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="M15.25 12.25L23 4.5L27.5 9L12 24.5L5.5 26.5L7.5 20Z"/>
  <path d="m20 7.5 4.5 4.5"/>
</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/pencil.svg" width="24" height="24" alt="">
```

## Related icons

- [edit](https://icons.evanpizzolato.com/icons/edit.md)
- [align-bottom](https://icons.evanpizzolato.com/icons/align-bottom.md)
- [align-horizontal-center](https://icons.evanpizzolato.com/icons/align-horizontal-center.md)
- [align-left](https://icons.evanpizzolato.com/icons/align-left.md)
- [align-right](https://icons.evanpizzolato.com/icons/align-right.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)