Add icons to this collection by clicking the heart icon.
Pencil icon - also known as art, education, write, pencil, draw, writing, school material, art and design, kid and baby, colored pencil, and color pencil. Created in a clean flat style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="203.515"
x2="308.485"
y1="156.485"
y2="51.515"
gradientUnits="userSpaceOnUse"
>
<stop offset=".015" stop-color="#ffdbbb" />
<stop offset="1" stop-color="#ffeddd" />
</linearGradient>
<linearGradient
id="d"
x1="135"
x2="377"
y1="447"
y2="205"
gradientUnits="userSpaceOnUse"
>
<stop offset=".015" stop-color="#8ae4c8" />
<stop offset="1" stop-color="#a7ebd6" />
</linearGradient>
<linearGradient
id="b"
x1="244"
x2="268"
y1="320"
y2="320"
gradientUnits="userSpaceOnUse"
>
<stop offset=".015" stop-color="#fbde7d" />
<stop offset="1" stop-color="#fdeebe" />
</linearGradient>
<linearGradient
id="c"
x1="171.882"
x2="276.853"
y1="124.853"
y2="19.882"
gradientUnits="userSpaceOnUse"
>
<stop offset=".015" stop-color="#9c83c9" />
<stop offset="1" stop-color="#c3b5df" />
</linearGradient>
<linearGradient
id="e"
x1="367.515"
x2="472.485"
y1="264.485"
y2="159.515"
href="#a"
/>
<linearGradient id="f" x1="326" x2="514" y1="474" y2="286" href="#b" />
<linearGradient
id="g"
x1="335.882"
x2="440.853"
y1="232.853"
y2="127.882"
href="#c"
/>
<linearGradient
id="h"
x1="472.485"
x2="367.515"
y1="264.485"
y2="159.515"
gradientTransform="matrix(-1 0 0 1 512 0)"
href="#a"
/>
<linearGradient
id="i"
x1="514"
x2="326"
y1="474"
y2="286"
gradientTransform="matrix(-1 0 0 1 512 0)"
href="#b"
/>
<linearGradient
id="j"
x1="504.118"
x2="399.147"
y1="232.853"
y2="127.882"
gradientTransform="matrix(-1 0 0 1 512 0)"
href="#c"
/>
<g>
<path
fill="url(#a)"
d="m315.236 139.787-48-128a12 12 0 0 0-22.472 0l-48 128A12 12 0 0 0 208 156h96a12 12 0 0 0 11.236-16.213z"
/>
<path fill="url(#d)" d="M196 144h120v364H196z" />
<path fill="url(#b)" d="M244 132h24v376h-24z" />
<path
fill="url(#c)"
d="M267.236 11.787a12 12 0 0 0-22.472 0L228.559 55h54.882z"
/>
<path
fill="url(#e)"
d="m479.236 247.787-48-128a12 12 0 0 0-22.472 0l-48 128A12 12 0 0 0 372 264h96a12 12 0 0 0 11.236-16.213z"
/>
<path fill="url(#f)" d="M360 252h120v256H360z" />
<path fill="#fb9d8d" d="M408 252h24v256h-24z" />
<path
fill="url(#g)"
d="M431.236 119.787a12 12 0 0 0-22.472 0L392.559 163h54.882z"
/>
<path
fill="url(#h)"
d="m32.764 247.787 48-128a12 12 0 0 1 22.472 0l48 128A12 12 0 0 1 140 264H44a12 12 0 0 1-11.236-16.213z"
/>
<path fill="url(#i)" d="M32 252h120v256H32z" />
<path fill="#fb9d8d" d="M80 252h24v256H80z" />
<path
fill="url(#j)"
d="M80.764 119.787a12 12 0 0 1 22.472 0L119.441 163H64.559z"
/>
</g>
</svg>
More icons in the same style and category