Add icons to this collection by clicking the heart icon.
Stationery icon - also known as education, eraser, pencil, pen, ruler, tool, office material, stationery, pencil case, creative process, and edit tools. 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 64 64"
>
<linearGradient
id="d"
x1="20.889"
x2="29.614"
y1="3.464"
y2="9.932"
gradientUnits="userSpaceOnUse"
>
<stop offset=".114" stop-color="#73858c" />
<stop offset=".311" stop-color="#63767e" />
<stop offset=".737" stop-color="#455a64" />
</linearGradient>
<linearGradient
id="a"
x1="43.047"
x2="55.774"
y1="17.234"
y2="21.491"
gradientUnits="userSpaceOnUse"
>
<stop offset=".129" stop-color="#f7f8f9" />
<stop offset=".322" stop-color="#edf0f2" />
<stop offset="1" stop-color="#cfd8dc" />
</linearGradient>
<linearGradient id="e" x1="5" x2="59" y1="55" y2="55" href="#a" />
<linearGradient
id="b"
x1="13.216"
x2="31.966"
y1="32.697"
y2="24.53"
gradientUnits="userSpaceOnUse"
>
<stop offset=".114" stop-color="#73858c" />
<stop offset=".316" stop-color="#63767e" />
<stop offset=".756" stop-color="#455a64" />
</linearGradient>
<linearGradient
id="c"
x1="3.167"
x2="16.417"
y1="24"
y2="24"
gradientUnits="userSpaceOnUse"
>
<stop offset=".139" stop-color="#ffe783" />
<stop offset=".397" stop-color="#fdd862" />
<stop offset=".738" stop-color="#fcc73c" />
<stop offset=".917" stop-color="#fbc02d" />
</linearGradient>
<linearGradient
id="f"
x1="4.501"
x2="14.294"
y1="4.157"
y2="9.698"
gradientUnits="userSpaceOnUse"
>
<stop offset=".091" stop-color="#ff9292" />
<stop offset=".129" stop-color="#fd8d8d" />
<stop offset=".607" stop-color="#ec514e" />
<stop offset=".834" stop-color="#e53935" />
</linearGradient>
<linearGradient id="g" x1="5" x2="59" y1="59.5" y2="59.5" href="#b" />
<linearGradient
id="h"
x1="43.5"
x2="58.753"
y1="25.927"
y2="44.872"
gradientUnits="userSpaceOnUse"
>
<stop offset=".1" stop-color="#e3f2fd" />
<stop offset=".298" stop-color="#c4e3fc" />
<stop offset=".576" stop-color="#9ed1fa" />
<stop offset=".722" stop-color="#90caf9" />
</linearGradient>
<linearGradient
id="i"
x1="21.895"
x2="30.77"
y1="10.879"
y2="14.566"
href="#c"
/>
<linearGradient
id="j"
x1="6.712"
x2="14.087"
y1="35.873"
y2="41.061"
href="#a"
/>
<path
fill="url(#d)"
d="M27 2a5.006 5.006 0 0 0-5 5v4a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V7a5.006 5.006 0 0 0-5-5z"
/>
<path
fill="#455a64"
d="M22 8.906V11a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V7a4.892 4.892 0 0 0-.05-.49C28.793 8.043 24.047 8.689 22 8.906z"
/>
<path
fill="url(#a)"
d="M53 14h-6a5.006 5.006 0 0 0-5 5v4a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-4a5.006 5.006 0 0 0-5-5z"
/>
<path
fill="#cfd8dc"
d="M42 20.854V23a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-4a4.942 4.942 0 0 0-.176-1.245c-4.007 1.919-12.076 2.788-15.824 3.1z"
/>
<rect width="54" height="14" x="5" y="48" fill="url(#e)" rx="3" />
<path
fill="#cfd8dc"
d="M57.104 48.217C50.507 54.156 13.978 54.895 5 54.987V59a3.003 3.003 0 0 0 3 3h48a3.003 3.003 0 0 0 3-3v-8a3 3 0 0 0-1.896-2.783z"
/>
<path
fill="url(#b)"
d="M33 10H21a1 1 0 0 0-1 1v26a.997.997 0 0 0 .2.6l6 8a.999.999 0 0 0 1.6 0l6-8a.997.997 0 0 0 .2-.6V11a1 1 0 0 0-1-1z"
/>
<path
fill="#455a64"
d="M33 10H21a1 1 0 0 0-1 1v7h12v14a9.994 9.994 0 0 1-8.583 9.888L26.2 45.6a.999.999 0 0 0 1.6 0l6-8a.997.997 0 0 0 .2-.6V11a1 1 0 0 0-1-1z"
/>
<rect width="14" height="28" x="4" y="10" fill="url(#c)" rx="1" />
<path
fill="#fbc02d"
d="M17 10H5a1 1 0 0 0-1 1v4h11v10a8 8 0 0 1-8 8H4v4a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V11a1 1 0 0 0-1-1z"
/>
<g fill="#263238">
<path
d="M7 34a1 1 0 0 1-1-1V11a1 1 0 0 1 2 0v22a1 1 0 0 1-1 1zM11 34a1 1 0 0 1-1-1V11a1 1 0 0 1 2 0v22a1 1 0 0 1-1 1zM15 34a1 1 0 0 1-1-1V11a1 1 0 0 1 2 0v22a1 1 0 0 1-1 1zM9 48v5a1 1 0 0 0 2 0v-5zM13 48v3a1 1 0 0 0 2 0v-3zM17 48v5a1 1 0 0 0 2 0v-5zM21 48v3a1 1 0 0 0 2 0v-3zM25 48v5a1 1 0 0 0 2 0v-5zM29 48v3a1 1 0 0 0 2 0v-3zM33 48v5a1 1 0 0 0 2 0v-5zM37 48v3a1 1 0 0 0 2 0v-3zM41 48v5a1 1 0 0 0 2 0v-5zM45 48v3a1 1 0 0 0 2 0v-3zM49 48v5a1 1 0 0 0 2 0v-5zM53 48v3a1 1 0 0 0 2 0v-3z"
/>
</g>
<path
fill="url(#f)"
d="M13 2H9a5.006 5.006 0 0 0-5 5v4a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V7a5.006 5.006 0 0 0-5-5z"
/>
<path
fill="#e53935"
d="M15 2.424V5a4 4 0 0 1-4 4H4v2a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V7a5.003 5.003 0 0 0-3-4.576z"
/>
<path
fill="#263238"
d="M37 24a1 1 0 0 1-1-1V13a1.001 1.001 0 0 0-1-1H21a1 1 0 0 1 0-2h14a3.003 3.003 0 0 1 3 3v10a1 1 0 0 1-1 1z"
/>
<path
fill="url(#g)"
d="M58 57H6a1 1 0 0 0-1 1v1a3.003 3.003 0 0 0 3 3h48a3.003 3.003 0 0 0 3-3v-1a1 1 0 0 0-1-1z"
/>
<path
fill="#455a64"
d="M58 57h-1.559c-4.86 4.166-40.316 4.135-50.63 4.036A2.983 2.983 0 0 0 8 62h48a3.003 3.003 0 0 0 3-3v-1a1 1 0 0 0-1-1z"
/>
<rect width="20" height="24" x="40" y="22" fill="url(#h)" rx="3" />
<path
fill="#90caf9"
d="M40.145 43.874A2.994 2.994 0 0 0 43 46h14a3.003 3.003 0 0 0 3-3V31.652c-4.434 9.555-14.663 11.742-19.855 12.222z"
/>
<rect width="14" height="6" x="20" y="10" fill="url(#i)" rx="1" />
<path
fill="#fbc02d"
d="M20 14.98V15a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.852c-4.136 2.302-11.368 2.746-14 2.831z"
/>
<path
fill="url(#j)"
d="M17.895 36.553A1 1 0 0 0 17 36H5a1 1 0 0 0-.8 1.6l6 8a.999.999 0 0 0 1.6 0l6-8a.999.999 0 0 0 .095-1.047z"
/>
<path
fill="#cfd8dc"
d="M8.039 42.717 10.2 45.6a.999.999 0 0 0 1.6 0l4.987-6.65c-2.45 2.313-6.368 3.34-8.748 3.767z"
/>
<path
fill="#fff"
d="M7 9a1 1 0 0 1-1-1V7a3.003 3.003 0 0 1 3-3h1a1 1 0 0 1 0 2H9a1.001 1.001 0 0 0-1 1v1a1 1 0 0 1-1 1z"
/>
<circle cx="14" cy="5" r="1" fill="#fff" />
<circle cx="23" cy="28" r="1" fill="#fff" />
<path
fill="#fff"
d="M23 25a1 1 0 0 1-1-1v-5a1 1 0 0 1 2 0v5a1 1 0 0 1-1 1zM43 30a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1h2a1 1 0 0 1 0 2h-1v3a1 1 0 0 1-1 1z"
/>
<circle cx="43" cy="33" r="1" fill="#fff" />
</svg>
More icons in the same style and category