Add icons to this collection by clicking the heart icon.
Pencil icon - also known as interface, education, pencil, edit, editing, edition, writer, text file, art and design, and edit tools. 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="100"
height="100"
viewBox="0 0 480 480"
>
<linearGradient
id="a"
x1="-26.167"
x2="-26.167"
y1="553.423"
y2="619.889"
gradientTransform="matrix(8 0 0 -8 455 4927.621)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M453.992 53.777 408.736 8.513c-9.372-9.369-24.564-9.369-33.936 0L66.576 316.737c-.08.08-.104.192-.176.272a7.744 7.744 0 0 0-1.36 2.048 5.368 5.368 0 0 0-.256.536c-.04.096-.104.176-.136.272L30.712 421.713A8 8 0 0 0 40.8 431.801l101.816-33.936c.096 0 .176-.096.272-.136.183-.076.362-.161.536-.256a7.744 7.744 0 0 0 2.048-1.36c.08-.072.192-.096.272-.176L453.992 87.713c9.369-9.372 9.369-24.564 0-33.936zM50.944 411.569l24.8-74.36 49.6 49.6-74.4 24.76zm89.176-32.6-56.576-56.576L335.2 70.745l22.632 22.632L208 243.201a8 8 0 0 0-.196 11.312 8 8 0 0 0 11.508 0l149.824-149.824 22.632 22.624L140.12 378.969zM442.68 76.401l-39.6 39.608-28.264-28.272-28.312-28.304 39.608-39.6a8 8 0 0 1 11.312 0l45.248 45.256a8 8 0 0 1 .008 11.312z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-26.875"
x2="-26.875"
y1="553.423"
y2="619.889"
gradientTransform="matrix(8 0 0 -8 455 4927.621)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M472 478.513H8a8 8 0 0 1 0-16h464a8 8 0 0 1 0 16z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-12.875"
x2="-12.875"
y1="553.423"
y2="619.889"
gradientTransform="matrix(8 0 0 -8 455 4927.621)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M472 430.513H232a8 8 0 0 1 0-16h240a8 8 0 0 1 0 16z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-10.875"
x2="-10.875"
y1="553.423"
y2="619.889"
gradientTransform="matrix(8 0 0 -8 455 4927.621)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M472 374.513H264a8 8 0 0 1 0-16h208a8 8 0 0 1 0 16z"
fill="url(#d)"
/>
</svg>
More icons in the same style and category