Add icons to this collection by clicking the heart icon.
Pen icon - also known as education, pencil, pen, writing, office material, Tools and utensils, school material, and miscellaneous. Created in a clean color style with a black 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="100"
height="100"
viewBox="0 0 512.001 512.001"
>
<linearGradient
id="a"
x1="457.511"
x2="476.541"
y1="476.385"
y2="457.358"
gradientTransform="matrix(1.007 0 0 -1.007 .343 518.575)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4d4d4d" />
<stop offset="1" stop-color="#333" />
</linearGradient>
<path
d="m450.099 86.605-24.703-24.703c-4.251-4.251-4.251-11.144 0-15.394l43.319-43.319c4.251-4.251 11.144-4.251 15.394 0l24.703 24.703c4.251 4.251 4.251 11.144 0 15.394l-43.319 43.319c-4.25 4.251-11.143 4.251-15.394 0z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="252.747"
x2="268.407"
y1="264.595"
y2="248.935"
gradientTransform="matrix(1.007 0 0 -1.007 .343 518.575)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#67dcdc" />
<stop offset="1" stop-color="#01c4c5" />
</linearGradient>
<path
d="m94.534 480.432-62.965-62.965L411.171 37.865c4.987-4.987 13.072-4.987 18.06 0l44.905 44.905c4.987 4.987 4.987 13.072 0 18.06L94.534 480.432z"
fill="url(#b)"
/>
<path
d="M1.112 510.888a3.797 3.797 0 0 1 0-5.37l17.521-17.521 5.37 5.37-17.52 17.521a3.798 3.798 0 0 1-5.371 0z"
fill="#333"
/>
<linearGradient
id="c"
x1="26.484"
x2="52.125"
y1="56.822"
y2="31.183"
gradientTransform="matrix(1.007 0 0 -1.007 .343 518.575)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#67dcdc" />
<stop offset="1" stop-color="#01c4c5" />
</linearGradient>
<path
d="m27.936 502.144 66.598-21.712-62.965-62.965-21.712 66.598c-1.309 4.016-.512 8.068 2.104 10.682l5.293 5.293c2.615 2.615 6.666 3.413 10.682 2.104z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="146.463"
x2="146.463"
y1="-13.443"
y2="122.717"
gradientTransform="matrix(1.007 0 0 -1.007 .343 518.575)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#67dcdc" stop-opacity="0" />
<stop offset="1" stop-color="#019394" />
</linearGradient>
<path
d="M234.562 339.446c.343-3.77-.379-7.481-2.324-10.639-12.479-20.25-28.794-36.564-49.043-49.043-3.461-2.133-7.587-2.796-11.728-2.194L61.238 387.798a19.454 19.454 0 0 0-.144 4.578v98.957l33.441-10.902 140.069-140.069c-.013-.306-.014-.613-.042-.916z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="135.959"
x2="161.5"
y1="163.827"
y2="138.287"
gradientTransform="matrix(1.007 0 0 -1.007 .343 518.575)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4d4d4d" />
<stop offset="1" stop-color="#333" />
</linearGradient>
<path
d="M70.295 372.486a538.944 538.944 0 0 0 85.846-85.845c7.048-8.846 18.894-11.904 27.054-6.876 20.249 12.478 36.564 28.792 49.043 49.043 5.028 8.16 1.969 20.006-6.876 27.054a538.909 538.909 0 0 0-85.846 85.846c-7.048 8.846-18.895 11.904-27.054 6.876-20.25-12.479-36.564-28.794-49.043-49.043-5.029-8.161-1.97-20.007 6.876-27.055z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="227.595"
x2="227.595"
y1="186.477"
y2="231.007"
gradientTransform="matrix(1.007 0 0 -1.007 .343 518.575)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#67dcdc" stop-opacity="0" />
<stop offset="1" stop-color="#019394" />
</linearGradient>
<path
d="m194.546 254.49 62.965 62.965 7.009-7.009-62.965-62.965z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="62.927"
x2="62.927"
y1="113.877"
y2="72.977"
gradientTransform="matrix(1.007 0 0 -1.007 .343 518.575)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#67dcdc" stop-opacity="0" />
<stop offset="1" stop-color="#019394" />
</linearGradient>
<path
d="m95.854 479.112-62.965-62.965-1.32 1.319 62.965 62.966z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="417.69"
x2="362.23"
y1="284.057"
y2="374.707"
gradientTransform="matrix(1.007 0 0 -1.007 .343 518.575)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#67dcdc" stop-opacity="0" />
<stop offset="1" stop-color="#019394" />
</linearGradient>
<path
d="M451.074 123.892V81.896c.299-2.322-.422-4.763-2.229-6.57l-12.171-12.171c-3.333-3.333-8.829-3.005-11.742.701l-36.731 46.738a221.728 221.728 0 0 1-45.276 43.293l-19.421 13.904a22.753 22.753 0 0 0-9.483 19.462v73.689l137.053-137.05z"
fill="url(#h)"
/>
<linearGradient
id="i"
x1="374.934"
x2="387.074"
y1="385.361"
y2="373.231"
gradientTransform="matrix(1.007 0 0 -1.007 .343 518.575)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4d4d4d" />
<stop offset="1" stop-color="#333" />
</linearGradient>
<path
d="M358.111 169.075a221.763 221.763 0 0 1 43.294-45.277l46.738-36.731c3.706-2.912 4.034-8.409.702-11.742l-12.171-12.171c-3.333-3.333-8.829-3.005-11.742.702l-36.731 46.738a221.728 221.728 0 0 1-45.276 43.293l-19.421 13.903a22.758 22.758 0 0 0-8.762 24.295 7.268 7.268 0 0 0 1.886 3.284 7.268 7.268 0 0 0 3.284 1.886 22.758 22.758 0 0 0 24.295-8.762l13.904-19.418z"
fill="url(#i)"
/>
</svg>
More icons in the same style and category