Add icons to this collection by clicking the heart icon.
Crayons icon - also known as education, school, paint, creativity, school supplies, children, school material, kid, stationery, crayons, and art and design. Created in a clean lineal 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0h-76.423c-5.523 0-10 4.478-10 10v34.295l10 116.52-10 166.521v28.463c0 5.523 4.477 10 10 10H0c5.522 0 10-4.477 10-10V10C10 4.478 5.522 0 0 0"
transform="translate(428.962 57.5)"
fill="#79b0e2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-96.423v94.096l10 44.873-10 49.976v94.096H0Z"
transform="translate(438.962 101.795)"
fill="#eef5f6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-41.414 10 20.707 63.804c7.528 23.195 33.887 23.195 41.414 0L41.414 10Z"
transform="translate(395.751 413.3)"
fill="#79b0e2"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-5.292 16.308-19.887 21.133-30.707 14.511C-26.137 11.714-22.235 6.888-20 0L.707-63.804l11.797-10 8.203 10z"
transform="translate(416.458 487.103)"
fill="#3e90d6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-20c5.522 0 10-4.477 10-10v-345.799c0-5.522-4.478-10-10-10H0c5.522 0 10 4.478 10 10v34.295L0-179.674 10-38.463V-10C10-4.477 5.522 0 0 0"
transform="translate(438.962 423.299)"
fill="#3e90d6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-20v283.041H0v-25.053l-10-7.5 10-7.5V40.053l-10-7.5 10-7.5z"
transform="translate(448.962 101.795)"
fill="#deecf1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-41.415 10 20.708 63.804c7.528 23.195 33.886 23.195 41.414 0L41.414 10Z"
transform="translate(256 413.3)"
fill="#aee4a4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-5.292 16.308-19.887 21.133-30.707 14.511C-26.137 11.714-22.235 6.888-20 0L.707-63.804l11.798-10 8.202 10z"
transform="translate(276.707 487.103)"
fill="#8dd5a7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-76.423c-5.523 0-10 4.478-10 10v34.295l10 116.52-10 166.521v28.463c0 5.523 4.477 10 10 10H0c5.522 0 10-4.477 10-10V10C10 4.478 5.522 0 0 0"
transform="translate(289.212 57.5)"
fill="#aee4a4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-20c5.522 0 10-4.477 10-10v-345.799c0-5.522-4.478-10-10-10H0c5.522 0 10 4.478 10 10v34.295L0-210.061 10-38.463V-10C10-4.477 5.522 0 0 0"
transform="translate(299.212 423.299)"
fill="#8dd5a7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-96.423v85.603l10 34.046-10 77.789v85.603H0Z"
transform="translate(299.212 101.795)"
fill="#eef5f6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-20v283.041H0v-25.053l-10-7.5 10-7.5v-45.55l-10-73.393L0 85.603v-45.55l-10-7.5 10-7.5z"
transform="translate(309.212 101.795)"
fill="#deecf1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-41.415 14.359 20.708 63.804c1.882 5.799 4.941 10.148 8.588 13.047 10.942 8.699 27.18-5.65 32.826-23.047l10.707-53.804Z"
transform="translate(116.249 408.94)"
fill="#f26c72"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-5.292 16.308-19.887 21.133-30.707 14.511C-26.137 11.714-22.235 6.888-20 0L.707-63.804l11.798-10 8.202 10z"
transform="translate(136.956 487.103)"
fill="#e95059"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-76.423c-5.523 0-10 4.478-10 10v34.295l10 116.52-10 166.521v28.463c0 5.523 4.477 10 10 10H0c5.523 0 10-4.477 10-10V10C10 4.478 5.523 0 0 0"
transform="translate(149.46 57.5)"
fill="#f26c72"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-20c5.523 0 10-4.477 10-10v-345.799c0-5.522-4.477-10-10-10H0c5.523 0 10 4.478 10 10v34.295L0-200.528 10-38.463V-10C10-4.477 5.523 0 0 0"
transform="translate(159.46 423.299)"
fill="#e95059"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-96.423v25.053l10 7.5-10 7.5v202.935l10 7.5-10 7.5v25.053H0Z"
transform="translate(159.46 101.795)"
fill="#eef5f6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-20v283.041H0v-25.053l-10-7.5 10-7.5v-54.043l-10-66.434L0 94.097V40.053l-10-7.5 10-7.5z"
transform="translate(169.46 101.795)"
fill="#deecf1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-106.423"
transform="translate(309.212 101.795)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-106.423"
transform="translate(169.46 101.795)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-418.391c-5.523 0-10-4.477-10-10v-280.344c0-13.806 11.193-25 25-25H-15c13.808 0 25 11.194 25 25V-10C10-4.477 5.523 0 0 0"
transform="translate(460.195 322.844)"
fill="#ffe177"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 5.523-4.477 10-10 10h-30c5.523 0 10-4.477 10-10v-280.344c0-13.806-11.192-25-25-25h30c13.808 0 25 11.194 25 25z"
transform="translate(480.195 312.844)"
fill="#ffd271"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-249.502c-5.523 0-10 4.477-10 10v107.798c0 5.522 4.477 10 10 10H0c5.523 0 10-4.478 10-10V10C10 4.477 5.523 0 0 0"
transform="translate(375.751 101.273)"
fill="#eef5f6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30c5.522 0 10-4.478 10-10v-107.799c0-5.522-4.478-10-10-10H0c5.522 0 10 4.478 10 10V-10C10-4.478 5.522 0 0 0"
transform="translate(385.751 229.071)"
fill="#deecf1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h106.423"
transform="translate(342.54 384.836)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h106.423"
transform="translate(202.789 384.836)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-106.423"
transform="translate(309.212 352.283)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h106.423"
transform="translate(63.038 384.836)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-106.423"
transform="translate(169.46 352.283)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 20.707 63.804c7.528 23.195 33.887 23.195 41.414 0L82.828 0"
transform="translate(354.337 423.3)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 20.707 63.804h.001c7.527 23.195 33.886 23.195 41.414 0L82.829 0"
transform="translate(74.835 423.3)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 20.708 63.804c7.527 23.195 33.885 23.195 41.414 0L82.829 0"
transform="translate(214.585 423.3)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-106.423"
transform="translate(448.962 352.283)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h196.753"
transform="translate(157.624 185.475)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h196.753"
transform="translate(157.624 144.87)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v90.455c0 5.524 4.477 10 10 10h86.423c5.522 0 10-4.476 10-10V0"
transform="translate(342.54 322.844)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v90.455c0 5.524 4.477 10 10 10h86.423c5.523 0 10-4.476 10-10V0"
transform="translate(202.789 322.844)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v90.455c0 5.524-4.477 10-10 10h-86.423c-5.523 0-10-4.476-10-10V0"
transform="translate(169.46 322.844)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h26.869c5.524 0 10-4.478 10-10v-107.798c0-5.523-4.476-10-10-10h-259.502c-5.523 0-10 4.477-10 10V-10c0 5.522 4.477 10 10 10h199.946"
transform="translate(358.882 229.071)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v53.467c0 5.523 4.477 10 10 10h428.391c5.523 0 10-4.477 10-10v-195.228"
transform="translate(31.805 259.377)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-52.431c0-13.806-11.192-25-25-25h-398.391c-13.807 0-25 11.194-25 25v194.192"
transform="translate(480.195 84.93)"
fill="none"
stroke="#000"
stroke-width="15"
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