Add icons to this collection by clicking the heart icon.
Pencil icon - also known as education, pencil, draw, edit, writing, and Tools and utensils. Created in a clean flat gradient style with a navy finish, 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="a"
x1="177.345"
x2="334.655"
y1="256"
y2="256"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff7b3" />
<stop offset="1" stop-color="#cff7b3" />
</linearGradient>
<path
fill="url(#a)"
d="m177.345 248.849 74.178-159.175c1.773-3.804 7.182-3.804 8.955 0l74.178 159.175V425.18H177.345V248.849z"
/>
<linearGradient
id="b"
x1="197.008"
x2="197.008"
y1="425.18"
y2="250.472"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#21ca85" />
<stop offset="1" stop-color="#53e6cf" />
</linearGradient>
<path fill="url(#b)" d="M177.345 250.472h39.327V425.18h-39.327z" />
<linearGradient
id="c"
x1="236.336"
x2="236.336"
y1="425.18"
y2="250.472"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#373e74" />
<stop offset="1" stop-color="#375c8b" />
</linearGradient>
<path fill="url(#c)" d="M216.672 250.472H256V425.18h-39.328z" />
<path fill="#53E6CF" d="M256 250.472h39.327V425.18H256z" />
<path fill="#373E74" d="M295.327 250.472h39.328V425.18h-39.328z" />
<linearGradient
id="d"
x1="275.663"
x2="275.663"
y1="425.18"
y2="250.472"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#21ca85" />
<stop offset="1" stop-color="#53e6cf" />
</linearGradient>
<path fill="url(#d)" d="M256 250.472h39.327V425.18H256z" />
<linearGradient
id="e"
x1="314.991"
x2="314.991"
y1="425.18"
y2="250.472"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#373e74" />
<stop offset="1" stop-color="#375c8b" />
</linearGradient>
<path fill="url(#e)" d="M295.327 250.472h39.328V425.18h-39.328z" />
<linearGradient
id="f"
x1="256"
x2="256"
y1="144.52"
y2="86.82"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#373e74" />
<stop offset="1" stop-color="#375c8b" />
</linearGradient>
<path
fill="url(#f)"
d="m286.037 144.521-25.56-54.847c-1.773-3.804-7.182-3.804-8.955 0l-25.56 54.847h60.075z"
/>
</svg>
More icons in the same style and category