Add icons to this collection by clicking the heart icon.
Pencil icon - also known as education, write, pencil, draw, office material, school material, writing tool, and stationery. 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 512 512"
>
<linearGradient
id="e"
x1="74.98"
x2="437.019"
y1="437.019"
y2="74.98"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff4d5e" />
<stop offset="1" stop-color="#fff200" />
</linearGradient>
<radialGradient
id="f"
cx="-8547.445"
cy="-5179.924"
r="355.675"
gradientTransform="rotate(-45 1484.028 -12702.3) scale(1 .85)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff4d5e" stop-opacity=".3" />
<stop offset=".167" stop-color="#ff7a44" stop-opacity=".25" />
<stop offset=".354" stop-color="#ffa52c" stop-opacity=".194" />
<stop offset=".536" stop-color="#ffc619" stop-opacity=".139" />
<stop offset=".708" stop-color="#ffde0b" stop-opacity=".088" />
<stop offset=".867" stop-color="#ffed03" stop-opacity=".04" />
<stop offset="1" stop-color="#fff200" stop-opacity="0" />
</radialGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#ff3838" />
<stop offset="1" stop-color="#fff200" />
</linearGradient>
<linearGradient
id="g"
x1="-1259.067"
x2="-1259.067"
y1="2656.817"
y2="3262.685"
gradientTransform="rotate(-135 -986.661 1168.057)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="-1204.762"
x2="-1204.762"
y1="2558.446"
y2="3258.975"
gradientTransform="rotate(-135 -986.661 1168.057)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#fffa78" />
<stop offset=".458" stop-color="#fffcb4" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="i"
x1="-1953.362"
x2="-2220.562"
y1="2166.561"
y2="2433.762"
gradientTransform="matrix(0 1 1 0 -1937.018 2284.756)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="-1837.622"
x2="-2131.548"
y1="1967.996"
y2="2261.922"
gradientTransform="matrix(0 1 1 0 -1915.882 2275.782)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#fffa78" />
<stop offset="1" stop-color="#ffcb00" />
</linearGradient>
<linearGradient
id="k"
x1="231.538"
x2="231.538"
y1="788.226"
y2="339.892"
gradientTransform="rotate(45 236.074 305.98)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="l"
x1="205.091"
x2="205.091"
y1="618.515"
y2="222.969"
gradientTransform="rotate(45 236.074 305.98)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="m"
x1="245.724"
x2="245.724"
y1="423.092"
y2="187.223"
gradientTransform="rotate(45 236.074 305.98)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#fff" />
<stop offset=".542" stop-color="#fffcb4" />
<stop offset="1" stop-color="#fffa78" />
</linearGradient>
<linearGradient
id="n"
x1="199.302"
x2="199.302"
y1="274.371"
y2="617.957"
gradientTransform="rotate(45 236.074 305.98)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="o"
x1="245.724"
x2="245.724"
y1="83.902"
y2="573.987"
gradientTransform="scale(1 -1) rotate(-45 -503.43 .25)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffcb00" />
<stop offset="1" stop-color="#fffa78" />
</linearGradient>
<linearGradient
id="p"
x1="183.85"
x2="183.85"
y1="68.2"
y2="601.011"
gradientTransform="scale(1 -1) rotate(-45 -503.43 .25)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="q"
x1="214.787"
x2="214.787"
y1="639.776"
y2="-46.657"
gradientTransform="scale(1 -1) rotate(-45 -503.43 .25)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff200" />
<stop offset="1" stop-color="#ff3838" />
</linearGradient>
<linearGradient
id="r"
x1="214.787"
x2="214.787"
y1="354.28"
y2="140.118"
gradientTransform="rotate(45 236.074 305.98)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<circle cx="256" cy="256" r="256" fill="url(#e)" />
<circle cx="256" cy="256" r="256" fill="url(#f)" />
<path
fill="url(#g)"
d="M296.555 237.19c22.227-.48 44.453-.956 66.679-1.422a19329.144 19329.144 0 0 1 78.429-77.485c7.791-7.644 7.413-20.261-.76-28.332a6626.809 6626.809 0 0 1-18.466-18.306A78689.42 78689.42 0 0 0 296.555 237.19z"
/>
<path
fill="url(#h)"
d="M308.875 246.604A39466.343 39466.343 0 0 1 421.66 134.38c7.201-7.129 6.889-16.646.777-22.734a6624.327 6624.327 0 0 1-40.389-40.548c-8.071-8.174-20.688-8.55-28.332-.76a19394.173 19394.173 0 0 1-77.485 78.429c10.822 32.621 21.785 65.261 32.644 97.837z"
/>
<path
fill="url(#i)"
d="M270.825 252.047c23.552-12.683 47.122-25.383 70.629-37.952 7.265 7.241 14.527 14.468 21.78 21.673a20062.996 20062.996 0 0 0-21.758 21.649c-23.547-1.76-47.098-3.558-70.651-5.37z"
/>
<path
fill="url(#j)"
d="M287.123 268.349c-10.843-32.602-21.771-65.237-32.54-97.824a21009.75 21009.75 0 0 0 21.649-21.758 18938.431 18938.431 0 0 0 65.222 65.329 41392.584 41392.584 0 0 0-54.331 54.253z"
/>
<path
fill="url(#k)"
d="M158.214 353.786 101.39 410.61c1.938 1.936 4.771 2.974 7.609 2.223 17.213-4.59 34.52-9.39 51.909-14.362a6048.698 6048.698 0 0 1-2.694-44.685z"
/>
<path
fill="url(#l)"
d="M113.528 351.093a3010.066 3010.066 0 0 0-14.362 51.909c-.75 2.836.287 5.671 2.223 7.608.816.816 2.534.732 4.764-.627a5076.11 5076.11 0 0 0 41.09-25.272 4089.19 4089.19 0 0 1 10.971-30.926 6004.44 6004.44 0 0 1-44.686-2.692z"
/>
<path
fill="url(#m)"
d="M222.693 289.307c-25.655 32.222-50.996 64.174-75.454 95.402 4.563 4.582 9.119 9.17 13.665 13.76a4002.4 4002.4 0 0 0 56.882-16.753c1.487-30.787 3.135-61.591 4.907-92.409z"
/>
<path
fill="url(#n)"
d="M222.693 289.307c-30.818 1.771-61.621 3.42-92.409 4.907a3989.333 3989.333 0 0 0-16.753 56.882 6846.497 6846.497 0 0 1 33.709 33.613c21.081-13.101 42.427-26.546 63.95-40.194a8213.84 8213.84 0 0 1 11.503-55.208z"
/>
<path
fill="url(#o)"
d="M217.786 381.716c-2.854-2.892-4.621-6.892-4.57-11.268a9818.9 9818.9 0 0 1 .259-20.305 7.818 7.818 0 0 0-2.286-5.628c10.585-25.245 21.399-50.598 32.293-75.997 25.398-10.894 50.841-21.867 76.265-32.771 7.25 7.237 14.496 14.463 21.728 21.67a20580.903 20580.903 0 0 0-123.689 124.299z"
/>
<path
fill="url(#p)"
d="M161.857 298.525c-6.769.093-13.537.179-20.305.259-4.377.051-8.375-1.716-11.268-4.57a20551.65 20551.65 0 0 0 124.299-123.689 33983.44 33983.44 0 0 0 21.67 21.728c-10.904 25.424-21.877 50.867-32.771 76.265-25.398 10.894-50.752 21.707-75.997 32.293a7.815 7.815 0 0 0-5.628-2.286z"
/>
<path
fill="url(#q)"
d="M205.592 342.215c-6.732.091-13.463.17-20.193.237-8.7.083-15.935-7.152-15.851-15.851.068-6.731.147-13.462.237-20.193a7.733 7.733 0 0 0-2.3-5.597 41381.23 41381.23 0 0 0 108.768-108.558c14.475 14.5 28.994 29.02 43.494 43.494a41228.125 41228.125 0 0 0-108.558 108.768 7.735 7.735 0 0 0-5.597-2.3z"
/>
<path
fill="url(#r)"
d="M270.825 219.432a83526.916 83526.916 0 0 1-32.612 32.605c-3.001 2.998-2.994 7.859.01 10.862 3.627 3.625 7.253 7.252 10.878 10.878 3.004 3.005 7.865 3.01 10.862.01a77102.192 77102.192 0 0 1 32.605-32.612 7.681 7.681 0 0 0-.002-10.868c-3.625-3.624-7.25-7.249-10.873-10.874a7.681 7.681 0 0 0-10.868-.001z"
/>
</svg>
More icons in the same style and category