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, 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="15.822"
x2="45.962"
y1="36.486"
y2="6.346"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.561)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4d4d4d" />
<stop offset="1" stop-color="#333" />
</linearGradient>
<path
d="m45.395 466.606-11.087-11.087C15.083 474.744 5.59 488.97.94 498.712c-3.76 7.877 4.473 16.111 12.351 12.351 9.742-4.65 23.967-14.143 43.193-33.368l-11.089-11.089z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="474.691"
x2="503.031"
y1="487.736"
y2="459.396"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.561)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4d4d4d" />
<stop offset="1" stop-color="#333" />
</linearGradient>
<path
d="m494.071 72.159-54.23-54.23 10.864-10.864c9.42-9.42 24.691-9.42 34.11 0l20.12 20.12c9.42 9.42 9.42 24.691 0 34.11l-10.864 10.864z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="35.204"
x2="35.204"
y1="-14.167"
y2="37.983"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.561)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4d4d4d" stop-opacity="0" />
<stop offset="1" stop-color="#000" />
</linearGradient>
<path
d="M14.588 510.419c9.693-4.858 23.499-14.331 41.894-32.726l-11.087-11.087-11.087-11.087c-8.234 8.234-14.671 15.544-19.72 21.985v32.915z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="241.276"
x2="295.616"
y1="262.361"
y2="208.021"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.561)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e6e6e6" />
<stop offset="1" stop-color="#999" />
</linearGradient>
<path
d="M449.763 11.165a32.23 32.23 0 0 0-33.913 7.459L114.487 319.987c-56.26 56.26-84.937 114.67-98.619 150.99-5.924 15.725 9.429 31.078 25.154 25.154 36.321-13.681 94.731-42.359 150.99-98.619L493.376 96.151a32.226 32.226 0 0 0 7.459-33.913 86.064 86.064 0 0 0-51.072-51.073z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="268.471"
x2="181.931"
y1="186.325"
y2="272.865"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.561)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e6e6e6" />
<stop offset="1" stop-color="#999" />
</linearGradient>
<path
d="m193.308 241.166 77.526 77.526-11.931 11.932-77.526-77.526z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="181.586"
x2="268.136"
y1="273.21"
y2="186.66"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.561)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e6e6e6" />
<stop offset="1" stop-color="#999" />
</linearGradient>
<path
d="m260.895 328.631-77.525-77.526 7.946-7.946 77.525 77.526z"
fill="url(#f)"
/>
<linearGradient
id="g"
x1="406.437"
x2="348.927"
y1="269.832"
y2="365.682"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.561)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b3b3b3" stop-opacity="0" />
<stop offset="1" stop-color="#999" />
</linearGradient>
<path
d="M476.749 112.778V66.543c.447-3.465-.63-7.108-3.326-9.803l-18.162-18.162c-4.973-4.973-13.175-4.484-17.522 1.046l-54.812 69.746a330.932 330.932 0 0 1-67.565 64.606l-28.981 20.748c-9.503 6.803-14.623 17.821-14.151 29.043v93.528l204.519-204.517z"
fill="url(#g)"
/>
<linearGradient
id="h"
x1="365.93"
x2="384.1"
y1="375.994"
y2="357.834"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.561)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#4d4d4d" />
<stop offset="1" stop-color="#333" />
</linearGradient>
<path
d="M338.023 196.638a330.968 330.968 0 0 1 64.607-67.566l69.746-54.812c5.531-4.346 6.021-12.548 1.047-17.522l-18.162-18.162c-4.973-4.973-13.175-4.484-17.522 1.047l-54.812 69.746a330.932 330.932 0 0 1-67.565 64.606l-28.981 20.747c-11.541 8.262-16.638 22.741-13.076 36.256a10.843 10.843 0 0 0 2.815 4.9 10.848 10.848 0 0 0 4.9 2.815c13.515 3.563 27.993-1.534 36.256-13.076l20.747-28.979z"
fill="url(#h)"
/>
</svg>
More icons in the same style and category