Add icons to this collection by clicking the heart icon.
Pencil icon - also known as write, pencil, and hobbies and free time. 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="46.079"
x2="450.611"
y1="465.921"
y2="61.388"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff4747" />
<stop offset="1" stop-color="#fff200" />
</linearGradient>
<radialGradient
id="f"
cx="-7323.445"
cy="-5179.924"
r="256"
gradientTransform="rotate(45 -13357.322 5338.985) scale(1 1.521)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff4747" stop-opacity=".8" />
<stop offset=".021" stop-color="#ff504a" stop-opacity=".783" />
<stop offset=".141" stop-color="#ff7d56" stop-opacity=".687" />
<stop offset=".266" stop-color="#ffa360" stop-opacity=".588" />
<stop offset=".394" stop-color="#ffc369" stop-opacity=".485" />
<stop offset=".527" stop-color="#ffdb70" stop-opacity=".378" />
<stop offset=".667" stop-color="#ffec74" stop-opacity=".267" />
<stop offset=".818" stop-color="#fff777" stop-opacity=".146" />
<stop offset="1" stop-color="#fffa78" stop-opacity="0" />
</radialGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#ff3838" />
<stop offset="1" stop-color="#fff200" />
</linearGradient>
<linearGradient
id="g"
x1="273.423"
x2="273.423"
y1="290.566"
y2="855.568"
gradientTransform="rotate(-135 276.012 286.03)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="326.572"
x2="326.572"
y1="163.336"
y2="843.831"
gradientTransform="rotate(-135 276.012 286.03)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="295.246"
x2="295.246"
y1="97.977"
y2="867.259"
gradientTransform="rotate(-135 276.012 286.03)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="320.739"
x2="320.739"
y1="49.613"
y2="435.572"
gradientTransform="rotate(-135 276.012 286.03)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#fffa78" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="k"
x1="274.046"
x2="274.046"
y1="165.464"
y2="449.311"
gradientTransform="rotate(-135 276.012 286.03)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="l"
x1="326.612"
x2="326.612"
y1="-22.756"
y2="261.58"
gradientTransform="rotate(-135 276.012 286.03)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#ffb11d" />
<stop offset=".26" stop-color="#ffc315" />
<stop offset="1" stop-color="#fff200" />
</linearGradient>
<linearGradient
id="m"
x1="295.921"
x2="295.921"
y1="55.219"
y2="723.76"
gradientTransform="rotate(-135 276.012 286.03)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="n"
x1="326.79"
x2="326.79"
y1="-169.714"
y2="377.692"
gradientTransform="rotate(-135 276.012 286.03)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="o"
x1="311.355"
x2="311.355"
y1="-1.555"
y2="666.084"
gradientTransform="rotate(-135 276.012 286.03)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#ffcb00" />
<stop offset=".7" stop-color="#fffa78" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="p"
x1="367.03"
x2="141.468"
y1="99.424"
y2="324.986"
gradientTransform="matrix(0 1 1 0 133.284 -39.044)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="q"
x1="405.975"
x2="157.721"
y1="-22.036"
y2="226.218"
gradientTransform="matrix(0 1 1 0 154.42 -48.018)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="r"
x1="307.141"
x2="506.182"
y1="280.125"
y2="81.084"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="s"
x1="136.222"
x2="404.204"
y1="354.258"
y2="86.276"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="t"
x1="371.901"
x2="217.16"
y1="215.877"
y2="370.618"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="u"
x1="230.841"
x2="348.037"
y1="259.498"
y2="142.303"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<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="M365.298 168.221a831.037 831.037 0 0 1 30.796 33.761 15709.758 15709.758 0 0 0 42.34-43.277c5.819-5.979 6.361-16.152 1.015-22.515a527.762 527.762 0 0 0-19.998-22.428 66211.52 66211.52 0 0 1-54.153 54.459z"
/>
<path
fill="url(#h)"
d="M375.761 179.277a31592.331 31592.331 0 0 0 43.083-43.552c5.932-6.016 6.292-15.94.607-21.963A525.024 525.024 0 0 0 375.81 72.55c-6.362-5.346-16.536-4.804-22.515 1.015a15709.758 15709.758 0 0 0-43.277 42.34 829.846 829.846 0 0 1 65.743 63.372z"
/>
<path
fill="url(#i)"
d="M106.913 416.24a20080.31 20080.31 0 0 1 53.943-19.532c-.679-14.431-1.167-29.139-1.548-44.016l-61.607 61.607c2.376 2.378 5.968 3.12 9.212 1.941z"
/>
<path
fill="url(#j)"
d="M95.76 405.087c-1.179 3.244-.436 6.837 1.941 9.212.992.992 3.299.495 5.93-1.274a17429.6 17429.6 0 0 1 43.533-29.167c4.029-10.337 8.081-20.733 12.143-31.166-14.877-.382-29.585-.869-44.016-1.548a19741.62 19741.62 0 0 1-19.531 53.943z"
/>
<path
fill="url(#k)"
d="M160.856 396.708c21.202-7.637 42.48-15.243 63.65-22.71 4.879-27.105 10.277-54.972 15.803-83.035a72838.275 72838.275 0 0 1-93.145 92.895 716.831 716.831 0 0 0 13.692 12.85z"
/>
<path
fill="url(#l)"
d="M115.292 351.144a720.662 720.662 0 0 0 31.872 32.714 32204.772 32204.772 0 0 1 72.768-48.438c-3.883-24.966-7.369-50.451-10.921-75.897a15060.888 15060.888 0 0 1-71.01 27.97 10106.13 10106.13 0 0 1-22.709 63.651z"
/>
<path
fill="url(#m)"
d="M219.655 363.228c-.017 4.257 1.851 8.073 4.851 10.77a15655.026 15655.026 0 0 0 132.986-132.85 1376.685 1376.685 0 0 0-64.257-65.703c-24.224 52.893-49.067 107.027-73.303 159.976-.143 9.34-.242 18.618-.277 27.807z"
/>
<path
fill="url(#n)"
d="M138.001 287.494c2.697 3 6.513 4.868 10.77 4.851a2398.04 2398.04 0 0 0 27.807-.277c52.948-24.235 107.083-49.079 159.976-73.303a1377.166 1377.166 0 0 0-65.703-64.257 15684.508 15684.508 0 0 0-132.85 132.986z"
/>
<path
fill="url(#o)"
d="M175.686 320.651a15.14 15.14 0 0 0 15.663 15.663c9.499-.285 19.036-.589 28.583-.893a32066.811 32066.811 0 0 0 116.623-116.656 1375.984 1375.984 0 0 0-43.32-43.32 31986.833 31986.833 0 0 0-116.656 116.623c-.303 9.547-.608 19.083-.893 28.583z"
/>
<path
fill="url(#p)"
d="M320.536 202.294c14.965-14.985 29.926-29.974 44.884-44.967a786.669 786.669 0 0 1 35.975 39.255 15635.819 15635.819 0 0 1-43.904 44.567 1375.277 1375.277 0 0 0-36.955-38.855z"
/>
<path
fill="url(#q)"
d="M336.555 218.765a1377.166 1377.166 0 0 0-65.703-64.257 15635.819 15635.819 0 0 1 44.567-43.904 785.456 785.456 0 0 1 65.732 63.233 32020.422 32020.422 0 0 1-44.596 44.928z"
/>
<path
fill="url(#r)"
d="M364.977 190.152a934.38 934.38 0 0 1 20.506 22.623c5.579 6.335 14.702 6.773 20.481.855 5.776-5.914 6.164-16.035.73-22.452a748.292 748.292 0 0 0-20.155-22.781 31591.148 31591.148 0 0 1-21.562 21.755z"
/>
<path
fill="url(#s)"
d="M386.539 168.397a745.63 745.63 0 0 0-65.718-63.091c-6.417-5.434-16.539-5.045-22.452.73-5.917 5.779-5.48 14.902.856 20.481a932.889 932.889 0 0 1 65.752 63.635c5.77 6.144 15.145 6.367 21.049.379 5.9-5.986 6.193-15.963.513-22.134z"
/>
<path
fill="url(#t)"
d="M325.752 229.621a1675.416 1675.416 0 0 1 21.091 22.283c5.781 6.198 15.13 6.507 20.936.617 5.804-5.888 5.999-15.846.351-22.139a1172.455 1172.455 0 0 0-20.777-22.479 31593.47 31593.47 0 0 1-21.601 21.718z"
/>
<path
fill="url(#u)"
d="M347.352 207.904a1167.128 1167.128 0 0 0-65.735-64.033c-6.293-5.648-16.251-5.453-22.139.351-5.89 5.805-5.582 15.155.617 20.936a1673.793 1673.793 0 0 1 65.656 64.464c5.887 6.093 15.411 6.247 21.331.275 5.92-5.97 6.08-15.862.27-21.993z"
/>
</svg>
More icons in the same style and category