Add icons to this collection by clicking the heart icon.
Pencil icon - also known as pencil, draw, edit, writing, Tools and utensils, 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 511.993 511.993"
>
<linearGradient
id="a"
x1="69.654"
x2="416.136"
y1="448.212"
y2="101.73"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffe56c" />
<stop offset="1" stop-color="#f2b329" />
</linearGradient>
<circle cx="255.996" cy="255.996" r="255.996" fill="url(#a)" />
<linearGradient
id="b"
x1="326.784"
x2="409.664"
y1="441.728"
y2="358.859"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff0335" />
<stop offset="1" stop-color="#901" />
</linearGradient>
<path
d="m400.804 197.788-86.592-86.592 38.711-38.711c11.097-11.097 29.256-11.097 40.353 0l46.238 46.238c11.097 11.097 11.097 29.256 0 40.353l-38.71 38.712z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="291.447"
x2="374.319"
y1="406.388"
y2="323.516"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#c8c6cc" />
</linearGradient>
<path
d="m381.478 217.113-86.591-86.591 23.681-23.682 86.592 86.592z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="159.843"
x2="242.719"
y1="274.798"
y2="191.911"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff8900" />
<stop offset="1" stop-color="#9a4c00" />
</linearGradient>
<path
d="M297.372 128.037 130.438 294.97 84.364 427.636l132.666-46.074 166.933-166.935z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="79.965"
x2="162.837"
y1="194.905"
y2="112.033"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffc06b" />
<stop offset="1" stop-color="#e66900" />
</linearGradient>
<path d="m84.364 427.636 132.666-46.074-86.592-86.592z" fill="url(#e)" />
<linearGradient
id="f"
x1="79.218"
x2="115.57"
y1="147.639"
y2="111.287"
gradientTransform="matrix(1.0449 0 0 -1.0449 2.2 543.309)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#57565c" />
<stop offset="1" stop-color="#000" />
</linearGradient>
<path d="m142.558 407.426-37.984-37.984-20.21 58.194z" fill="url(#f)" />
</svg>
More icons in the same style and category