Add icons to this collection by clicking the heart icon.
Pencil Case icon - also known as education, Tools and utensils, writing tool, and pencil case. Created in a clean color style with a white 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="47.759"
x2="47.759"
y1="399.575"
y2="365.035"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.566)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fcc344" />
<stop offset="1" stop-color="#f7ae3d" />
</linearGradient>
<path
d="M53.517 126.912h-6.004c-9.203 0-16.664 7.461-16.664 16.664v13.551h34.58v-18.303c0-6.579-5.333-11.912-11.912-11.912z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="461.858"
x2="461.858"
y1="399.575"
y2="365.035"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.566)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fcc344" />
<stop offset="1" stop-color="#f7ae3d" />
</linearGradient>
<path
d="M458.483 126.912h6.004c9.203 0 16.664 7.461 16.664 16.664v13.551h-34.58v-18.303c0-6.579 5.333-11.912 11.912-11.912z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="87.129"
x2="87.129"
y1="405.745"
y2="352.595"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.566)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fcc344" />
<stop offset="1" stop-color="#f7ae3d" />
</linearGradient>
<circle cx="87.662" cy="150.159" r="23.251" fill="url(#c)" />
<linearGradient
id="d"
x1="124.349"
x2="124.349"
y1="405.745"
y2="352.595"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.566)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fcc344" />
<stop offset="1" stop-color="#f7ae3d" />
</linearGradient>
<circle cx="125.028" cy="150.159" r="23.251" fill="url(#d)" />
<linearGradient
id="e"
x1="161.569"
x2="161.569"
y1="405.745"
y2="352.595"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.566)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fcc344" />
<stop offset="1" stop-color="#f7ae3d" />
</linearGradient>
<circle cx="162.394" cy="150.159" r="23.251" fill="url(#e)" />
<linearGradient
id="f"
x1="198.779"
x2="198.779"
y1="405.745"
y2="352.595"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.566)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fcc344" />
<stop offset="1" stop-color="#f7ae3d" />
</linearGradient>
<circle cx="199.75" cy="150.159" r="23.251" fill="url(#f)" />
<linearGradient
id="g"
x1="235.999"
x2="235.999"
y1="405.745"
y2="352.595"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.566)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fcc344" />
<stop offset="1" stop-color="#f7ae3d" />
</linearGradient>
<circle cx="237.116" cy="150.159" r="23.251" fill="url(#g)" />
<linearGradient
id="h"
x1="273.619"
x2="273.619"
y1="405.745"
y2="352.595"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.566)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fcc344" />
<stop offset="1" stop-color="#f7ae3d" />
</linearGradient>
<circle cx="274.884" cy="150.159" r="23.251" fill="url(#h)" />
<linearGradient
id="i"
x1="310.829"
x2="310.829"
y1="405.745"
y2="352.595"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.566)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fcc344" />
<stop offset="1" stop-color="#f7ae3d" />
</linearGradient>
<circle cx="312.24" cy="150.159" r="23.251" fill="url(#i)" />
<linearGradient
id="j"
x1="348.049"
x2="348.049"
y1="405.745"
y2="352.595"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.566)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fcc344" />
<stop offset="1" stop-color="#f7ae3d" />
</linearGradient>
<circle cx="349.606" cy="150.159" r="23.251" fill="url(#j)" />
<linearGradient
id="k"
x1="385.269"
x2="385.269"
y1="405.745"
y2="352.595"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.566)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fcc344" />
<stop offset="1" stop-color="#f7ae3d" />
</linearGradient>
<circle cx="386.972" cy="150.159" r="23.251" fill="url(#k)" />
<linearGradient
id="l"
x1="422.489"
x2="422.489"
y1="405.745"
y2="352.595"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.566)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fcc344" />
<stop offset="1" stop-color="#f7ae3d" />
</linearGradient>
<circle cx="424.338" cy="150.159" r="23.251" fill="url(#l)" />
<linearGradient
id="m"
x1="254.811"
x2="254.811"
y1="370.035"
y2="358.895"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.566)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d48000" stop-opacity="0" />
<stop offset="1" stop-color="#d48000" />
</linearGradient>
<path d="M30.948 144.015h450.108v9.744H30.948z" fill="url(#m)" />
<linearGradient
id="n"
x1="225.168"
x2="742.258"
y1="244.388"
y2="287.948"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.566)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b8de6f" />
<stop offset="1" stop-color="#8aa753" />
</linearGradient>
<path
d="M476.805 385.087H35.195c-21.639 0-38.149-19.345-34.751-40.714l30.503-191.804h450.105l30.503 191.804c3.399 21.369-13.113 40.714-34.75 40.714z"
fill="url(#n)"
/>
<linearGradient
id="o"
x1="254.809"
x2="254.809"
y1="379.805"
y2="302.575"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.566)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b8de6f" stop-opacity="0" />
<stop offset="1" stop-color="#4b7104" />
</linearGradient>
<path
d="m487.468 192.908-6.416-40.34H30.948l-6.416 40.34z"
fill="url(#o)"
/>
<linearGradient
id="p"
x1="254.808"
x2="254.808"
y1="199.655"
y2="109.945"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.566)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b8de6f" stop-opacity="0" />
<stop offset="1" stop-color="#4b7104" />
</linearGradient>
<path
d="M.445 344.373c-3.398 21.369 13.113 40.714 34.751 40.714h441.608c21.638 0 38.149-19.345 34.751-40.714l-8.158-51.298H8.603L.445 344.373z"
fill="url(#p)"
/>
<path
d="M53.97 217.111h-9.035a5.523 5.523 0 0 1 0-11.044h9.035a5.523 5.523 0 0 1 0 11.044zM439.322 217.111h-17.516a5.523 5.523 0 0 1 0-11.044h17.516a5.523 5.523 0 0 1 0 11.044zm-35.032 0h-17.515a5.523 5.523 0 0 1 0-11.044h17.515a5.523 5.523 0 0 1 0 11.044zm-35.033 0h-17.515a5.523 5.523 0 0 1 0-11.044h17.515a5.523 5.523 0 0 1 0 11.044zm-35.03 0H316.71a5.523 5.523 0 0 1 0-11.044h17.516a5.523 5.523 0 0 1 .001 11.044zm-35.033 0h-17.515a5.523 5.523 0 0 1 0-11.044h17.515a5.523 5.523 0 0 1 0 11.044zm-35.032 0h-17.515a5.523 5.523 0 0 1 0-11.044h17.515a5.523 5.523 0 0 1 0 11.044zm-35.032 0h-17.516a5.523 5.523 0 0 1 0-11.044h17.516a5.523 5.523 0 0 1 0 11.044zm-35.032 0h-17.515a5.523 5.523 0 0 1 0-11.044h17.515a5.523 5.523 0 0 1 0 11.044zm-35.032 0H141.55a5.523 5.523 0 0 1 0-11.044h17.516a5.523 5.523 0 0 1 0 11.044zm-35.032 0h-17.515a5.523 5.523 0 0 1 0-11.044h17.515a5.523 5.523 0 0 1 0 11.044zm-35.032 0H71.486a5.523 5.523 0 0 1 0-11.044h17.515a5.523 5.523 0 0 1 .001 11.044zM465.873 217.111h-9.035a5.523 5.523 0 0 1 0-11.044h9.035a5.523 5.523 0 0 1 0 11.044z"
fill="#fff"
/>
<linearGradient
id="q"
x1="281.802"
x2="281.802"
y1="135.165"
y2="195.755"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.566)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#8aa753" stop-opacity="0" />
<stop offset="1" stop-color="#4b7104" />
</linearGradient>
<path
d="M376.188 385.093H229.194l-36.871-36.871a4.184 4.184 0 0 1-2.313-3.745v-12.151a4.208 4.208 0 0 1 4.209-4.209h123.563c1.633 0 3.041.942 3.745 2.313l54.661 54.663z"
fill="url(#q)"
/>
<linearGradient
id="r"
x1="254.809"
x2="254.809"
y1="185.435"
y2="167.025"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.566)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fcc344" />
<stop offset="1" stop-color="#d48000" />
</linearGradient>
<path
d="M190.006 332.332v12.148a4.217 4.217 0 0 0 4.217 4.217h123.553a4.217 4.217 0 0 0 4.217-4.217v-12.148a4.217 4.217 0 0 0-4.217-4.217H194.224a4.217 4.217 0 0 0-4.218 4.217z"
fill="url(#r)"
/>
<linearGradient
id="s"
x1="491.399"
x2="416.959"
y1="290.455"
y2="308.475"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.566)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b8de6f" stop-opacity="0" />
<stop offset="1" stop-color="#4b7104" />
</linearGradient>
<path
d="m484.648 175.178-22.609-22.609H434.25c-.008.181-.027.358-.027.541 0 3.637 1.651 6.888 4.244 9.048.458.55 3.485 3.552 3.728 3.797-6.5 3.729-11.299 16.785-11.299 32.318 0 14.189 4.007 26.304 9.653 31.139l62.697 62.697-18.598-116.931z"
fill="url(#s)"
/>
<linearGradient
id="t"
x1="462.161"
x2="450.711"
y1="356.278"
y2="367.718"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.566)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d48000" stop-opacity="0" />
<stop offset="1" stop-color="#d48000" />
</linearGradient>
<path d="m462.039 152.568-8.408-8.408v8.408z" fill="url(#t)" />
<linearGradient
id="u"
x1="505.277"
x2="529.087"
y1="269.719"
y2="251.309"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.566)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fcc344" />
<stop offset="1" stop-color="#d48000" />
</linearGradient>
<ellipse cx="446.002" cy="198.277" rx="15.099" ry="33.39" fill="url(#u)" />
<linearGradient
id="v"
x1="438.25"
x2="456.9"
y1="367.857"
y2="349.197"
gradientTransform="matrix(1.0039 0 0 -1.0039 .192 516.566)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fcc344" />
<stop offset="1" stop-color="#d48000" />
</linearGradient>
<circle cx="446.002" cy="153.11" r="11.776" fill="url(#v)" />
</svg>
More icons in the same style and category