Add icons to this collection by clicking the heart icon.
Pencil Case icon - also known as education, writing, office material, school material, and pencil case. Created in a clean lineal color style with a white, silver, gray, black, and pink 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="M40 10h256v270H40Z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#9de3d1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M130 100h372V10H130ZM256 280h-60v132h60z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#ffcd69"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v-30h-60V0c0 16.57 13.43 30 30 30S0 16.57 0 0"
transform="translate(256 442)"
fill="#6d92ac"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M130 280H70v132h60z"
fill="#ff7b79"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 30-90h-60Z"
transform="translate(100 502)"
fill="#ffcebf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M70 10H10v90h60z"
fill="#ff7b79"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M70 100H10v60h60z"
fill="#ecf3f3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-60"
transform="translate(130 10)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h206v-90h-372V0Z"
transform="translate(296 100)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v60h-60V-90H0Z"
transform="translate(70 100)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h60"
transform="translate(10 100)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v30"
transform="translate(192 10)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v30"
transform="translate(254 10)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v30"
transform="translate(316 10)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v30"
transform="translate(378 10)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v30"
transform="translate(440 10)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v132l-30 90-30-90V0"
transform="translate(130 280)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-60"
transform="translate(130 412)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v162c0 16.57-13.43 30-30 30s-30-13.43-30-30V0"
transform="translate(256 280)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h100v-92"
transform="translate(196 412)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-30"
transform="translate(226 502)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-5.522-4.477-10-10-10-5.522 0-10 4.478-10 10 0 5.523 4.478 10 10 10C-4.477 10 0 5.523 0 0"
transform="translate(305.999 190)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v120h256V75"
transform="translate(40 160)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-45"
transform="translate(296 145)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category