Add icons to this collection by clicking the heart icon.
Pencil Case icon - also known as education, writing, office material, Tools and utensils, school material, art and design, seo and web, pencil case, and edit tools. Created in a clean 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="100"
height="100"
viewBox="0 0 480 480"
>
<linearGradient
id="a"
x1="-50.878"
x2="12.852"
y1="587.625"
y2="587.625"
gradientTransform="matrix(8 0 0 -8 399 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#159957" />
<stop offset="1" stop-color="#00afc3" />
</linearGradient>
<path
d="M128 480h240c22.08-.026 39.974-17.92 40-40V136a8 8 0 0 0-8-8h-8V40a8 8 0 0 0-8-8H272a8 8 0 0 0-8 8v88h-16v-24c0-.112-.064-.216-.064-.328a7.997 7.997 0 0 0-.544-2.672v-.144l-24-56a8 8 0 0 0-14.704 0l-24 56V101a7.997 7.997 0 0 0-.544 2.672c0 .112-.064.216-.064.328v24H168V8a8 8 0 0 0-8-8h-48a8 8 0 0 0-8 8v24H72v48h16V48h16v80h-8a8 8 0 0 0-8 8v304c.026 22.08 17.92 39.974 40 40zm152-368h32V96h-32V80h32V64h-32V48h96v80h-96v-16zm-64-43.688L227.864 96h-23.728L216 68.312zM200 112h32v16h-32v-16zm-80-96h32v16h-32V16zm0 32h32v80h-32V48zm-16 96h288v32H104v-32zm0 48h288v248c0 13.255-10.745 24-24 24H128c-13.255 0-24-10.745-24-24V192z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-50.878"
x2="12.852"
y1="576.625"
y2="576.625"
gradientTransform="matrix(8 0 0 -8 399 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#159957" />
<stop offset="1" stop-color="#00afc3" />
</linearGradient>
<path
d="M352 248H144v160h208V248zm-16 144H160V264h176v128z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-50.878"
x2="12.852"
y1="579.625"
y2="579.625"
gradientTransform="matrix(8 0 0 -8 399 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#159957" />
<stop offset="1" stop-color="#00afc3" />
</linearGradient>
<path d="M176 296h16v16h-16v-16z" fill="url(#c)" />
<linearGradient
id="d"
x1="-50.878"
x2="12.852"
y1="579.625"
y2="579.625"
gradientTransform="matrix(8 0 0 -8 399 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#159957" />
<stop offset="1" stop-color="#00afc3" />
</linearGradient>
<path d="M208 296h112v16H208v-16z" fill="url(#d)" />
<linearGradient
id="e"
x1="-50.878"
x2="12.852"
y1="575.625"
y2="575.625"
gradientTransform="matrix(8 0 0 -8 399 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#159957" />
<stop offset="1" stop-color="#00afc3" />
</linearGradient>
<path d="M176 328h64v16h-64v-16z" fill="url(#e)" />
<linearGradient
id="f"
x1="-50.878"
x2="12.852"
y1="575.625"
y2="575.625"
gradientTransform="matrix(8 0 0 -8 399 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#159957" />
<stop offset="1" stop-color="#00afc3" />
</linearGradient>
<path d="M256 328h64v16h-64v-16z" fill="url(#f)" />
<linearGradient
id="g"
x1="-50.878"
x2="12.852"
y1="604.625"
y2="604.625"
gradientTransform="matrix(8 0 0 -8 399 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#159957" />
<stop offset="1" stop-color="#00afc3" />
</linearGradient>
<path d="M72 96h16v16H72V96z" fill="url(#g)" />
</svg>
More icons in the same style and category