64px

Pencil Icon

Pencil is a free SVG icon from the Akar Icons set, available under the MIT license at 24×24. Copy the code for React, Vue, Angular, Svelte, or download the SVG below.

Icon Name:pencil

Icon Set:Akar Icons

Author:Arturo Wibawa

License:MIT

Dimensions:24 × 24

Download Formats

SVG Format

Vector format, scalable, perfect for web and print

PNG Format

Raster format, multiple sizes available

Code Snippets

<iconify-icon icon="akar-icons:pencil"></iconify-icon>

Add the Iconify script to your HTML head section

/* Add to your CSS */
.icon-pencil::before {
  content: '';
  background-image: url('data:image/svg+xml,%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M4.333%2016.048L16.57%203.81a2.56%202.56%200%200%201%203.62%203.619L7.951%2019.667a2%202%200%200%201-1.022.547L3%2021l.786-3.93a2%202%200%200%201%20.547-1.022%22%2F%3E%3Cpath%20d%3D%22m14.5%206.5l3%203%22%2F%3E%3C%2Fg%3E');
}

Use as CSS background or pseudo-element

<g fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M4.333 16.048L16.57 3.81a2.56 2.56 0 0 1 3.62 3.619L7.951 19.667a2 2 0 0 1-1.022.547L3 21l.786-3.93a2 2 0 0 1 .547-1.022"/><path d="m14.5 6.5l3 3"/></g>

Raw SVG code for direct use

More icons from Akar Icons

panel-split-row

akar-icons

panel-top

akar-icons

paper

akar-icons

paper-airplane

akar-icons

parallelogram

akar-icons

pause

akar-icons

pentagon

akar-icons

pentagon-fill

akar-icons

people-group

akar-icons

people-multiple

akar-icons

percentage

akar-icons

person

akar-icons