Add icons to this collection by clicking the heart icon.
Crayons icon - also known as education, write, draw, pen, crayons, art and design, and edit tools. Created in a clean lineal color style with a silver, gray, black, and magenta 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>
<clipPath id="b" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="m0 0-21.213-21.213-106.066 63.639-10.607 74.246z"
transform="matrix(1.33333 0 0 -1.33333 672.667 644.382)"
fill="#89c247"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 74.246-10.606 63.64-106.066L5.304-37.123Z"
transform="matrix(1.33333 0 0 -1.33333 488.82 488.82)"
fill="#b0d16f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-21.213-21.213-359.114 359.114 21.213 21.213 221.983-137.131z"
transform="matrix(1.33333 0 0 -1.33333 517.103 573.672)"
fill="#89c247"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-359.114 359.114 63.639 63.64L63.64 63.64Z"
transform="matrix(1.33333 0 0 -1.33333 517.103 573.672)"
fill="#b0d16f"
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 63.64-106.066-21.213-21.213L-63.64-63.64"
transform="translate(440.86 134.78)"
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-163.647 163.648-84.853-84.853L-84.853-84.853"
transform="translate(256 340.852)"
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 110.614-110.614 84.853 84.852-89.402 89.402"
transform="matrix(1.33333 0 0 -1.33333 341.333 454.47)"
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 21.213-21.213 106.066 63.639 10.607 74.246z"
transform="matrix(1.33333 0 0 -1.33333 10 644.382)"
fill="#ff3187"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-74.246-10.606-63.64-106.066L-5.304-37.123z"
transform="matrix(1.33333 0 0 -1.33333 193.848 488.82)"
fill="#ff5178"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 21.213-21.213 359.114 359.114-21.213 21.213-221.983-137.131Z"
transform="matrix(1.33333 0 0 -1.33333 165.564 573.672)"
fill="#ff3187"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 359.114 359.114-63.639 63.64L-63.64 63.64Z"
transform="matrix(1.33333 0 0 -1.33333 165.564 573.672)"
fill="#ff5178"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#b)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="m0 0-63.64-106.066 21.213-21.213L63.64-63.64"
transform="translate(71.14 134.78)"
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 84.853-84.852 359.114 359.114-84.853 84.853z"
transform="translate(60.533 145.385)"
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