Add icons to this collection by clicking the heart icon.
Pencil icon - also known as education, write, pencil, draw, drawing, edit, writing, Tools and utensils, and ui. Created in a clean flat gradient 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="b"
x1="256"
x2="256"
y1="508.313"
y2="3.687"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#20c59d" />
<stop offset=".31" stop-color="#38ce8c" />
<stop offset=".963" stop-color="#75e461" />
<stop offset="1" stop-color="#79e55e" />
</linearGradient>
<linearGradient id="a">
<stop offset=".017" stop-color="#ccc" />
<stop offset="1" stop-color="#f2f2f2" />
</linearGradient>
<linearGradient
id="c"
x1="224.242"
x2="224.242"
y1="401.688"
y2="173.824"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="96.049"
x2="96.049"
y1="508.309"
y2="323.604"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f79808" />
<stop offset="1" stop-color="#ecbd0b" />
</linearGradient>
<linearGradient
id="e"
x1="36.836"
x2="36.836"
y1="508.309"
y2="441.815"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#41262f" />
<stop offset="1" stop-color="#543843" />
</linearGradient>
<linearGradient
id="f"
x1="384.198"
x2="384.198"
y1="251.916"
y2="3.687"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="353.252"
x2="353.252"
y1="251.916"
y2="65.579"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#0969db" />
<stop offset="1" stop-color="#4f8aff" />
</linearGradient>
<path
fill="url(#b)"
d="m492.622 164.824-304.22 304.22-153.031 38.477c-18.664 4.693-35.584-12.227-30.892-30.892l38.476-153.032 304.22-304.22c20.913-20.913 54.75-20.912 75.617-.045l69.874 69.874c20.869 20.869 20.869 54.705-.044 75.618z"
/>
<path
fill="url(#c)"
d="M115.677 401.688a5.35 5.35 0 0 1-3.796-1.573 5.366 5.366 0 0 1 0-7.591l217.13-217.127c2.097-2.097 5.494-2.097 7.591 0s2.097 5.494 0 7.591l-217.13 217.127a5.346 5.346 0 0 1-3.795 1.573z"
/>
<path
fill="url(#d)"
d="M188.401 469.033 69.814 498.881l-34.465 8.643c-18.628 4.67-35.538-12.24-30.868-30.868l8.75-34.841 29.741-118.211z"
/>
<path
fill="url(#e)"
d="m69.975 497.808-.161 1.073-34.465 8.643c-18.628 4.67-35.538-12.24-30.868-30.868l8.75-34.841.966.214z"
/>
<path
fill="url(#f)"
d="m405.53 251.916 87.092-87.092c20.913-20.913 20.913-54.749.045-75.617l-69.874-69.874c-20.867-20.867-54.704-20.868-75.617.045l-87.092 87.092z"
/>
<path
fill="url(#g)"
d="m300.974 65.579-40.89 40.891L405.53 251.916l40.891-40.89z"
/>
</svg>
More icons in the same style and category