Add icons to this collection by clicking the heart icon.
Crayons icon - also known as art, painting, education, school, color, learning, school supplies, crayon, school material, pencil crayons, stationery, crayons, and art and design. Created in a clean flat style with a white, gray, olive, teal, purple, orange, 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="M287.417 412.299h82.844V95.107h-82.844z"
transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
fill="#fea95c"
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-11.126h-72.844V0l20.48 66.787a5.87 5.87 0 0 0 5.615 4.151h20.665a5.868 5.868 0 0 0 5.605-4.151z"
transform="translate(365.26 441.062)"
fill="#fea95c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-11.137h-31.616V0l-20.48 66.776c-.031.123-.083.247-.124.371a5.842 5.842 0 0 0 5.471 3.781h20.665a5.879 5.879 0 0 0 5.605-4.152z"
transform="translate(365.26 441.072)"
fill="#fe9738"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M287.422 401.172h82.837v39.894h-82.837z"
fill="#f3eae6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-11.126h-72.833V0l20.47 66.787a5.887 5.887 0 0 0 5.614 4.151h20.665a5.867 5.867 0 0 0 5.605-4.151z"
transform="translate(219.572 441.062)"
fill="#5066d0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-11.137h-31.616V0l-20.48 66.776c-.042.123-.083.247-.134.371a5.84 5.84 0 0 0 5.47 3.781h20.665a5.882 5.882 0 0 0 5.616-4.152z"
transform="translate(219.583 441.072)"
fill="#314dc8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M141.739 412.299h82.833V95.107h-82.833z"
fill="#5066d0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M141.736 401.172h82.838v39.894h-82.838z"
fill="#f3eae6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-11.126h-72.834V0l20.48 66.787a5.867 5.867 0 0 0 5.605 4.151h20.665a5.887 5.887 0 0 0 5.614-4.151z"
transform="translate(146.728 441.062)"
fill="#80d361"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M73.895 412.299h72.834V95.107H73.895Z"
fill="#80d361"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-11.137h-31.616V0l-20.481 66.776c-.041.123-.082.247-.133.371a5.84 5.84 0 0 0 5.47 3.781h20.665a5.88 5.88 0 0 0 5.615-4.152z"
transform="translate(146.74 441.072)"
fill="#4fc223"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M115.123 412.299h31.616V95.116h-31.616z"
fill="#4fc223"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M73.895 401.172h72.837v39.894H73.895Z"
fill="#f3eae6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M146.735 401.169H115.12v39.901h31.615z"
fill="#e0d3ce"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h31.616v-317.183H0v66.592c0 8.509-6.902 15.411-15.411 15.411h-25.817v40.816H0Z"
transform="translate(187.967 412.299)"
fill="#314dc8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M219.578 401.169h-31.616v39.901h31.616z"
fill="#e0d3ce"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-11.126h-72.834V0l20.47 66.787a5.888 5.888 0 0 0 5.614 4.151h20.666a5.866 5.866 0 0 0 5.604-4.151z"
transform="translate(292.417 441.062)"
fill="#fe6a30"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M219.583 412.299h72.834V95.107h-72.834z"
fill="#fe6a30"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-11.137h-31.616V0l-20.47 66.776a5.722 5.722 0 0 1-.134.371 5.842 5.842 0 0 0 5.47 3.781h20.666a5.867 5.867 0 0 0 5.604-4.152z"
transform="translate(292.417 441.072)"
fill="#fe5426"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h31.616v-317.183H0v66.592c0 8.509-6.893 15.411-15.401 15.411h-25.817v40.816H0Z"
transform="translate(260.8 412.299)"
fill="#fe5426"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M219.579 401.172h72.838v39.894h-72.838z"
fill="#f3eae6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M292.421 401.169h-31.616v39.901h31.616z"
fill="#e0d3ce"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h31.616v-317.183H0v66.592c0 8.509-6.892 15.411-15.411 15.411h-25.817v40.816H0Z"
transform="translate(333.644 412.299)"
fill="#fe9738"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M365.263 401.169h-31.615v39.901h31.615z"
fill="#e0d3ce"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-11.126h-72.845V0l20.481 66.787a5.869 5.869 0 0 0 5.614 4.151h20.655a5.87 5.87 0 0 0 5.615-4.151z"
transform="translate(438.106 441.062)"
fill="#766e6f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M365.261 412.299h72.845V95.107h-72.845z"
fill="#766e6f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-11.137h-31.616V0l-20.481 66.776c-.031.123-.082.247-.124.371a5.832 5.832 0 0 0 5.471 3.781h20.665a5.878 5.878 0 0 0 5.605-4.152z"
transform="translate(438.106 441.072)"
fill="#5b5555"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M406.489 412.299h31.616V95.116h-31.616z"
fill="#5b5555"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M365.265 401.172h72.837v39.894h-72.837z"
fill="#f3eae6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M438.105 401.169H406.49v39.901h31.615z"
fill="#e0d3ce"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-38.58a11.182 11.182 0 0 1-10.941-8.88l-13.032-62.192a11.187 11.187 0 0 0-10.94-8.89h-239.949a11.189 11.189 0 0 0-10.942 8.89L-337.415-8.88A11.18 11.18 0 0 1-348.355 0h-38.581c-6.17 0-11.177-5.006-11.177-11.167V-178.18c21.119 7.408 55.485 14.856 97.197 6.769v31.224c0 6.171 4.997 11.178 11.168 11.178h192.56c6.171 0 11.168-5.007 11.168-11.178v-31.224c41.712 8.087 76.079.639 97.198-6.769v167.013C11.178-5.006 6.171 0 0 0"
transform="translate(449.468 328.432)"
fill="#fdc266"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-167.013c-10.302 3.617-23.767 7.242-39.693 9.056V0c0 5.935-4.636 10.797-10.488 11.146.135.021.279.021.423.021h38.58C-5.007 11.167 0 6.161 0 0"
transform="translate(460.646 317.265)"
fill="#fea714"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-154.529c0-6.172-5.003-11.175-11.175-11.175H-398.12c-6.172 0-11.175 5.003-11.175 11.175V0c21.12 7.409 55.492 14.851 97.195 6.771v-34.394c0-6.171 5.003-11.174 11.174-11.174h192.557c6.171 0 11.174 5.003 11.174 11.174V6.771C-55.492 14.851-21.12 7.409 0 0"
transform="translate(460.647 165.704)"
fill="#5b5555"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-154.529c0-6.169-5.007-11.175-11.175-11.175h-39.691c6.168 0 11.175 5.006 11.175 11.175V9.052C-23.758 7.23-10.304 3.609 0 0"
transform="translate(460.647 165.704)"
fill="#433f43"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-17.818a7.726 7.726 0 1 0 0 15.452H0a7.725 7.725 0 0 0 7.727-7.725A7.726 7.726 0 0 0 0 0"
transform="translate(108.185 57.263)"
fill="#433f43"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-72.087a7.726 7.726 0 0 0-7.726 7.727 7.726 7.726 0 0 0 7.726 7.726H0a7.725 7.725 0 0 0 7.726-7.726A7.726 7.726 0 0 0 0 0"
transform="translate(162.453 28.914)"
fill="#433f43"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-95.904c-6.172 0-11.175 5.003-11.175 11.175V29.29c0 6.172 5.003 11.175 11.175 11.175H0c6.171 0 11.174-5.003 11.174-11.175V11.175C11.174 5.003 6.171 0 0 0"
transform="translate(303.952 58.51)"
fill="#6c7fd8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-18.114c0-6.168-4.995-11.174-11.174-11.174H-44.73c6.167 0 11.173 5.006 11.173 11.174V0c0 6.18-5.006 11.174-11.173 11.174h33.556A11.163 11.163 0 0 0 0 0"
transform="translate(315.123 87.797)"
fill="#5066d0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
</g>
</svg>
More icons in the same style and category