Add icons to this collection by clicking the heart icon.
Pencil icon - also known as pencil, draw, edit, writing, google for education, ui, pencils, and ribbon design. Created in a clean 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 64 64"
>
<linearGradient
id="a"
x1="32"
x2="32"
y1="9.167"
y2="57.947"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff3b90" />
<stop offset=".073" stop-color="#fe2eab" />
<stop offset=".139" stop-color="#fe1bd9" />
<stop offset=".2" stop-color="#fd10f3" />
<stop offset=".289" stop-color="#fd0cfa" />
<stop offset=".514" stop-color="#6e3ff3" />
<stop offset=".8" stop-color="#3c41ed" />
<stop offset="1" stop-color="#3a85e9" />
</linearGradient>
<linearGradient
id="b"
x1="39.778"
x2="39.778"
y1="9.167"
y2="57.947"
href="#a"
/>
<linearGradient
id="c"
x1="42.606"
x2="42.606"
y1="9.167"
y2="57.947"
href="#a"
/>
<linearGradient
id="d"
x1="45.435"
x2="45.435"
y1="9.167"
y2="57.947"
href="#a"
/>
<path
fill="url(#a)"
d="m52.506 22.808-.707-.707 3.535-3.536a1 1 0 0 0 0-1.414L46.85 8.666a1 1 0 0 0-1.414 0L41.899 12.2l-.707-.707a1 1 0 0 0-1.414 0l-7.071 7.071a1 1 0 0 0 0 1.414l.707.707-21.92 21.92a1.096 1.096 0 0 0-.263.465L8.402 54.385a1 1 0 0 0 1.213 1.213l11.314-2.829a1.086 1.086 0 0 0 .464-.263l21.92-21.92.708.707a1 1 0 0 0 1.414 0l7.071-7.071a1 1 0 0 0 0-1.414zm-6.364-12.021 7.071 7.071-2.828 2.828-7.071-7.07zm-28.284 36.77-1.414-1.415L37.657 24.93l1.414 1.414zm-2.829-2.829-1.414-1.414L34.828 22.1l1.415 1.414zm-4.282 8.525.582-2.326 1.744 1.744zm4.589-1.147-3.442-3.442.849-3.394 5.987 5.987zm5.35-1.721-1.414-1.414 21.213-21.214 1.414 1.415zm24.042-21.213-9.9-9.9 5.657-5.657 9.9 9.9z"
/>
<path
fill="url(#b)"
d="M41.192 17.15a1 1 0 0 0-1.414 0l-1.414 1.415a1 1 0 0 0 1.414 1.414l1.414-1.414a1 1 0 0 0 0-1.414z"
/>
<path
fill="url(#c)"
d="M44.02 19.98a1 1 0 0 0-1.414 0l-1.414 1.414a1 1 0 0 0 1.414 1.414l1.415-1.414a1 1 0 0 0 0-1.415z"
/>
<path
fill="url(#d)"
d="M46.85 22.808a1 1 0 0 0-1.415 0l-1.414 1.414a1 1 0 0 0 1.414 1.414l1.414-1.414a1 1 0 0 0 0-1.414z"
/>
</svg>
More icons in the same style and category