Pencil Icon
Free SVG icon from the IcoFont collection. Download or copy for use in any project.
The Pencil icon is commonly used in text editors, note apps and annotation tools. Available as a free SVG - copy the code or download directly.
img tag
<img src="https://proicons.com/icon/306215.svg" alt="Pencil icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/306215.svg" alt="Pencil icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/306215.svg" alt="Pencil icon" :width="24" :height="24" />
CSS background
.icon-pencil {
background-image: url('https://proicons.com/icon/306215.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="M321 716c58 19 117 37 176 56 9 3 18-2 21-11 49-152 97-303 145-456 3-9-2-18-11-21-58-19-117-37-176-56-9-3-18 2-21 11-48 152-97 303-145 456-3 9 2 18 11 21zm154-25c39-122 77-243 116-365 3-9 12-14 20-11s13 11 10 20c-39 122-78 244-117 365-2 9-11 14-20 12-8-3-12-12-9-21zm-60-19c39-122 78-243 117-365 3-9 11-14 20-11 8 2 12 12 9 21-39 122-77 243-116 365-3 8-12 14-20 11s-13-12-10-21zm-49 2c-9-3-13-12-10-21 39-122 77-243 116-365 3-9 12-14 20-11 8 2 13 12 10 20L385 663c-2 9-11 14-19 11zM506 97c17-29 45-40 71-32 30 9 59 19 88 28 15 5 26 14 31 29 5 12 8 26 8 39 0 26-10 48-18 72-3 9-12 14-21 11-59-19-117-37-176-56-9-3-14-11-12-18 1-5 2-9 4-13 8-20 14-42 25-60zm-45 708c8 2 16 4 24 7 9 3 10 10 3 16-44 36-86 71-130 106-7 6-15 4-17-5l-45-162c-2-9 3-14 12-11 7 2 13 4 20 6 3 2 131 42 133 43z"/></svg>
More from IcoFont
View all
Pencil in other icon packs
Copied!