Add icons to this collection by clicking the heart icon.
Pencil icon - also known as interface, file, pencil, draw, edit, writing, edition, 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 512 512"
>
<linearGradient
id="a"
x1="74.981"
x2="437.019"
y1="439.019"
y2="76.981"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00eed0" />
<stop offset="1" stop-color="#00af94" />
</linearGradient>
<circle cx="256" cy="256" r="256" fill="url(#a)" />
<linearGradient
id="b"
x1="112.881"
x2="164.391"
y1="176.381"
y2="124.871"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".001" stop-color="#fff" />
<stop offset="1" stop-color="#ffb835" />
</linearGradient>
<path
d="m147.762 293.832-5.833 5.834-37.133 108.537 108.536-37.133 5.834-5.834z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="358.141"
x2="409.651"
y1="421.641"
y2="370.131"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".001" stop-color="#fff" />
<stop offset="1" stop-color="#fff4c8" />
</linearGradient>
<path
d="m407.28 177.122-71.403-71.404L371.5 70.095l71.404 71.403z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="246.953"
x2="298.464"
y1="310.454"
y2="258.943"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffb835" />
<stop offset=".901" stop-color="#f70" />
</linearGradient>
<path
d="m213.332 371.07-71.403-71.404L343.073 98.522l71.404 71.403z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="246.953"
x2="298.463"
y1="310.453"
y2="258.943"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ad1e9e" />
<stop offset="1" stop-color="#5c0254" />
</linearGradient>
<path
d="m194.075 351.813-32.889-32.89L362.33 117.779l32.889 32.889z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="93.214"
x2="144.724"
y1="156.714"
y2="105.204"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset=".001" stop-color="#57545c" />
<stop offset="1" stop-color="#101012" />
</linearGradient>
<path d="m163.411 388.149-38.562-38.561-20.053 58.615z" fill="url(#f)" />
</svg>
More icons in the same style and category