Add icons to this collection by clicking the heart icon.
Pencil icon - also known as write, pencil, writing tool, pencils, and business and finance. Created in a clean flat 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 33.867 33.867"
>
<linearGradient id="f">
<stop offset="0" stop-color="#ff7e3f" />
<stop offset="1" stop-color="#ffbe3f" />
</linearGradient>
<linearGradient id="h">
<stop offset="0" stop-color="#bca6ae" />
<stop offset="1" stop-color="#534666" />
</linearGradient>
<linearGradient id="g">
<stop offset="0" stop-color="#f6d3b7" />
<stop offset="1" stop-color="#f6b4cb" />
</linearGradient>
<linearGradient id="i">
<stop offset="0" stop-color="#d90947" />
<stop offset="1" stop-color="#ff585b" />
</linearGradient>
<linearGradient
id="a"
x1="16.841"
x2="16.788"
y1="5.853"
y2="28.988"
gradientTransform="matrix(.718 .718 -.718 .718 31.06 -7.801)"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="b"
x1="116.885"
x2="116.837"
y1="107.926"
y2="128.402"
gradientTransform="scale(.264) rotate(45 117.256 63.672)"
gradientUnits="userSpaceOnUse"
href="#g"
/>
<linearGradient
id="c"
x1="119.01"
x2="119.054"
y1="145.409"
y2="126.186"
gradientTransform="scale(.264) rotate(45 117.256 63.672)"
gradientUnits="userSpaceOnUse"
href="#h"
/>
<linearGradient
id="d"
x1="16.933"
x2="16.933"
y1="4.831"
y2="-3.427"
gradientTransform="matrix(.718 .718 -.718 .718 31.06 -7.801)"
gradientUnits="userSpaceOnUse"
href="#i"
/>
<linearGradient
id="e"
x1="30.574"
x2="30.565"
y1="2.407"
y2="6.303"
gradientTransform="rotate(45 31.015 16.834)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f5f8ff" />
<stop offset="1" stop-color="#a0c9ff" />
</linearGradient>
<linearGradient
id="k"
x1="4.209"
x2="27.846"
y1="17.917"
y2="17.917"
gradientUnits="userSpaceOnUse"
href="#f"
/>
<linearGradient
id="l"
x1="2.635"
x2="8.548"
y1="24.262"
y2="32.1"
gradientUnits="userSpaceOnUse"
href="#g"
/>
<linearGradient
id="j"
x1=".997"
x2="4.493"
y1="33.335"
y2="30.491"
gradientUnits="userSpaceOnUse"
href="#h"
/>
<linearGradient
id="m"
x1="26.3"
x2="30.696"
y1="8.272"
y2="4.568"
gradientUnits="userSpaceOnUse"
href="#i"
/>
<linearGradient
id="n"
x1="19.732"
x2="29.972"
y1="9.175"
y2="9.175"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f5f8ff" />
<stop offset="1" stop-color="#79c6ff" />
</linearGradient>
<g
stroke-linecap="round"
stroke-linejoin="round"
stroke-width="3.068"
paint-order="fill markers stroke"
>
<path
fill="url(#j)"
d="M1.907 28.04c-.492 1.953-.814 3.754-.814 3.754-.152.699.286 1.138.982.986 0 0 1.827-.287 3.807-.746-1.044-1.86-2.435-3.068-3.975-3.994z"
/>
<path
fill="url(#k)"
d="M20.994 6.044 4.209 22.906c1.82 2.861 4.164 5.083 6.852 6.884l16.785-16.862z"
/>
<path
fill="url(#l)"
d="M5.882 32.034c1.928-.448 4-1.06 4.667-1.73l.512-.514-6.852-6.884-.512.515c-.667.67-1.31 2.717-1.79 4.62"
/>
<path
fill="url(#m)"
d="M28.914 1.833a2.623 2.623 0 0 0-3.729 0l-3.45 3.465 6.853 6.884 3.45-3.465a2.652 2.652 0 0 0 0-3.746z"
/>
</g>
<path
fill="url(#n)"
d="m22.727 4.42 6.857 6.89a1.326 1.326 0 0 1 0 1.873l-.742.746a1.311 1.311 0 0 1-1.864 0l-6.858-6.89a1.326 1.326 0 0 1 0-1.873l.742-.746a1.311 1.311 0 0 1 1.865 0z"
paint-order="fill markers stroke"
/>
<path
fill="#ce2a32"
d="m19.58 8.492-.186.186.373.373.187-.186zm.936.935-.187.186.374.375.187-.187zm.887.887-.187.186.374.375.187-.187zm.935.935-.187.186.374.375.187-.187zm.936.936-.187.187.375.374.186-.187zm.936.936-.186.187.374.374.186-.186zm.935.935-.186.187.374.374.186-.186z"
paint-order="markers fill stroke"
/>
</svg>
More icons in the same style and category