Add icons to this collection by clicking the heart icon.
Crayons icon - also known as art, education, kids, 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>
<clipPath id="b" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="c" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
<clipPath id="d" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="m0 0-106.824 69.953-21.213-21.213 69.954-106.823Z"
transform="matrix(1.33333 0 0 -1.33333 180.794 103.27)"
fill="#7be3ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 127.279-42.426L21.213-63.64l-42.426 42.427Z"
transform="matrix(1.33333 0 0 -1.33333 102.002 144.35)"
fill="#12b5ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 42.426-42.426-10.606-95.46-84.853 84.853z"
transform="matrix(1.33333 0 0 -1.33333 172.712 73.64)"
fill="#48d9ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-42.427 127.279L-63.64 21.213l42.427-42.426Z"
transform="matrix(1.33333 0 0 -1.33333 602.034 644.382)"
fill="#12b5ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-42.427 42.427-95.459-10.607 84.853-84.853Z"
transform="matrix(1.33333 0 0 -1.33333 672.745 573.672)"
fill="#48d9ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 21.213 21.213-116.801 173.37-173.37 116.802-21.213-21.214 21.213-21.213 132.269-118.127L-21.213 21.213z"
transform="matrix(1.33333 0 0 -1.33333 517.18 616.098)"
fill="#48d9ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-21.213 21.213-145.086 102.659-102.659 145.086-21.213 21.213-53.033-53.033L-53.033-53.033z"
transform="matrix(1.33333 0 0 -1.33333 616.176 517.103)"
fill="#7be3ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-42.427 127.279V0l21.214-21.213z"
transform="matrix(1.33333 0 0 -1.33333 517.18 559.53)"
fill="#e0f8ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 127.279-42.426H0l-21.213 21.213z"
transform="matrix(1.33333 0 0 -1.33333 186.854 229.203)"
fill="#e0f8ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-21.214 21.213-135.356 88.524-69.962 116.795-21.213 21.213-53.033-53.033L-53.033-53.033z"
transform="matrix(1.33333 0 0 -1.33333 587.892 488.82)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-21.564-21.564 205.319-205.319 21.564 21.564-78.233 121.361z"
transform="matrix(1.33333 0 0 -1.33333 215.607 257.019)"
fill="#48d9ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 205.319-205.319 53.033 53.033L53.033 53.033Z"
transform="matrix(1.33333 0 0 -1.33333 215.139 257.487)"
fill="#7be3ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 106.824 69.953 21.213-21.213L58.084-58.083Z"
transform="matrix(1.33333 0 0 -1.33333 502.029 103.27)"
fill="#fe843f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-127.278-42.426L-21.213-63.64l42.427 42.427Z"
transform="matrix(1.33333 0 0 -1.33333 580.82 144.35)"
fill="#db3916"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-42.427-42.426 10.607-95.46 84.852 84.853z"
transform="matrix(1.33333 0 0 -1.33333 510.11 73.64)"
fill="#fc5a37"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 42.427 127.279L63.64 21.213 21.213-21.213Z"
transform="matrix(1.33333 0 0 -1.33333 80.788 644.382)"
fill="#db3916"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 42.426 42.427 95.46-10.607-84.853-84.853Z"
transform="matrix(1.33333 0 0 -1.33333 10.078 573.672)"
fill="#fc5a37"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-21.213 21.213 116.801 173.37 173.37 116.802 21.213-21.214-21.213-21.213-132.269-118.127L21.213 21.213Z"
transform="matrix(1.33333 0 0 -1.33333 165.641 616.098)"
fill="#fc5a37"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 21.213 21.213 145.086 102.659 102.659 145.086 21.213 21.213 53.034-53.033L53.033-53.033Z"
transform="matrix(1.33333 0 0 -1.33333 66.647 517.103)"
fill="#fe843f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 42.427 127.279V0L21.213-21.213Z"
transform="matrix(1.33333 0 0 -1.33333 165.641 559.53)"
fill="#e0f8ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-137.885-53.033L0-42.426l21.214 21.213Z"
transform="matrix(1.33333 0 0 -1.33333 495.967 229.203)"
fill="#e0f8ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 21.213 21.213 135.357 88.524 67.31 114.143 23.865 23.865 53.033-53.033L53.033-53.033Z"
transform="matrix(1.33333 0 0 -1.33333 94.93 488.82)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 21.564-21.564-205.319-205.319-21.564 21.564 78.232 121.361z"
transform="matrix(1.33333 0 0 -1.33333 467.216 257.019)"
fill="#fc5a37"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-205.319-205.319-53.033 53.033L-53.033 53.033z"
transform="matrix(1.33333 0 0 -1.33333 467.684 257.488)"
fill="#fe843f"
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 0-90.156 58.336-21.213-21.213 58.337-90.156"
transform="translate(118.927 446.164)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<path
d="m0 0 74.246 74.247"
transform="matrix(1.33333 0 0 -1.33333 517.18 616.098)"
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 74.246 74.246"
transform="matrix(1.33333 0 0 -1.33333 488.897 587.814)"
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 74.246 74.246"
transform="matrix(1.33333 0 0 -1.33333 460.612 559.53)"
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-126.407 126.407 74.246 74.246L74.246 74.246"
transform="matrix(1.33333 0 0 -1.33333 242.26 341.177)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<g clip-path="url(#b)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="m0 0 174.254-174.253-74.246-74.247L-52.326-96.167"
transform="translate(330.305 256)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<path
d="m0 0-74.246-74.246"
transform="matrix(1.33333 0 0 -1.33333 229.28 130.208)"
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-74.246-74.246"
transform="matrix(1.33333 0 0 -1.33333 257.565 158.492)"
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-74.246-74.246"
transform="matrix(1.33333 0 0 -1.33333 285.849 186.777)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<g clip-path="url(#c)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="m0 0 90.156 58.336 21.213-21.213-58.337-90.156"
transform="translate(393.19 446.164)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<path
d="m0 0-74.363 74.363"
transform="matrix(1.33333 0 0 -1.33333 165.641 616.098)"
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-74.363 74.363"
transform="matrix(1.33333 0 0 -1.33333 193.926 587.814)"
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-74.363 74.363"
transform="matrix(1.33333 0 0 -1.33333 222.21 559.53)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<g clip-path="url(#d)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="m0 0 375.142 374.907 74.246-74.246L74.363-74.363Z"
transform="translate(7.441 81.863)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
<path
d="m0 0 74.246-74.246"
transform="matrix(1.33333 0 0 -1.33333 453.542 130.208)"
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 74.246-74.246"
transform="matrix(1.33333 0 0 -1.33333 425.258 158.492)"
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 74.246-74.246"
transform="matrix(1.33333 0 0 -1.33333 396.973 186.777)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</svg>
More icons in the same style and category