Add icons to this collection by clicking the heart icon.
Colours icon - also known as education, draw, colours, crayon, and pencil crayon. Created in a clean blue style with a white, silver, and blue 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="512"
height="512"
viewBox="0 0 300 300"
>
<path fill="#fff" d="M91.486 104.828h19.367l-9.752-36z" />
<path
fill="#2e58ff"
d="M110.852 108.828H91.484a4.002 4.002 0 0 1-3.863-5.033l9.617-36a3.999 3.999 0 0 1 3.855-2.967h.008a3.999 3.999 0 0 1 3.859 2.955l9.75 36a3.992 3.992 0 0 1-.684 3.477 3.995 3.995 0 0 1-3.174 1.568zm-14.161-8h8.934l-4.496-16.602z"
/>
<path
fill="#92ceff"
d="M91.172 106.005v141.184a5.64 5.64 0 0 0 5.639 5.639h8.722a5.64 5.64 0 0 0 5.639-5.639V106.005l-.319-1.177H91.486z"
/>
<path
fill="#2e58ff"
d="M105.531 256.828h-8.719c-5.316 0-9.641-4.324-9.641-9.639V106.004c0-.348.047-.691.133-1.027l.312-1.176a4.007 4.007 0 0 1 3.867-2.973h19.367a3.996 3.996 0 0 1 3.859 2.949l.32 1.176c.094.342.141.695.141 1.051V247.19c.002 5.314-4.322 9.638-9.639 9.638zm-10.359-148v138.361a1.64 1.64 0 0 0 1.641 1.639h8.719a1.64 1.64 0 0 0 1.641-1.639V108.828z"
/>
<path fill="#fff" d="M151.486 104.828h19.367l-9.752-36z" />
<path
fill="#2e58ff"
d="M170.852 108.828h-19.367a4.002 4.002 0 0 1-3.863-5.033l9.617-36a3.999 3.999 0 0 1 3.855-2.967h.008a3.999 3.999 0 0 1 3.859 2.955l9.75 36a3.998 3.998 0 0 1-3.859 5.045zm-14.161-8h8.934l-4.496-16.602z"
/>
<path
fill="#92ceff"
d="M151.172 106.005v141.184a5.64 5.64 0 0 0 5.639 5.639h8.722a5.64 5.64 0 0 0 5.639-5.639V106.005l-.319-1.177h-19.367z"
/>
<path
fill="#2e58ff"
d="M165.531 256.828h-8.719c-5.316 0-9.641-4.324-9.641-9.639V106.004c0-.348.047-.691.133-1.027l.312-1.176a4.007 4.007 0 0 1 3.867-2.973h19.367a3.996 3.996 0 0 1 3.859 2.949l.32 1.176c.094.342.141.695.141 1.051V247.19c.002 5.314-4.322 9.638-9.639 9.638zm-10.359-148v138.361a1.64 1.64 0 0 0 1.641 1.639h8.719a1.64 1.64 0 0 0 1.641-1.639V108.828z"
/>
<path fill="#fff" d="M111.486 104.828h19.367l-9.752-36z" />
<path
fill="#2e58ff"
d="M130.852 108.828h-19.367a4.002 4.002 0 0 1-3.863-5.033l9.617-36a3.999 3.999 0 0 1 3.855-2.967h.008a3.999 3.999 0 0 1 3.859 2.955l9.75 36a3.998 3.998 0 0 1-3.859 5.045zm-14.161-8h8.934l-4.496-16.602z"
/>
<path
fill="#cceaff"
d="M111.172 106.005v141.184a5.64 5.64 0 0 0 5.639 5.639h8.722a5.64 5.64 0 0 0 5.639-5.639V106.005l-.319-1.177h-19.367z"
/>
<path
fill="#2e58ff"
d="M125.531 256.828h-8.719c-5.316 0-9.641-4.324-9.641-9.639V106.004c0-.348.047-.691.133-1.027l.312-1.176a4.007 4.007 0 0 1 3.867-2.973h19.367a3.996 3.996 0 0 1 3.859 2.949l.32 1.176c.094.342.141.695.141 1.051V247.19c.002 5.314-4.322 9.638-9.639 9.638zm-10.359-148v138.361a1.64 1.64 0 0 0 1.641 1.639h8.719a1.64 1.64 0 0 0 1.641-1.639V108.828z"
/>
<path fill="#fff" d="M131.486 104.828h19.367l-9.752-36z" />
<path
fill="#2e58ff"
d="M150.852 108.828h-19.367a4.002 4.002 0 0 1-3.863-5.033l9.617-36a3.999 3.999 0 0 1 3.855-2.967h.008a3.999 3.999 0 0 1 3.859 2.955l9.75 36a3.998 3.998 0 0 1-3.859 5.045zm-14.161-8h8.934l-4.496-16.602z"
/>
<path
fill="#cceaff"
d="M131.172 106.005v141.184a5.64 5.64 0 0 0 5.639 5.639h8.722a5.64 5.64 0 0 0 5.639-5.639V106.005l-.319-1.177h-19.367z"
/>
<path
fill="#2e58ff"
d="M145.531 256.828h-8.719c-5.316 0-9.641-4.324-9.641-9.639V106.004c0-.348.047-.691.133-1.027l.312-1.176a4.007 4.007 0 0 1 3.867-2.973h19.367a3.996 3.996 0 0 1 3.859 2.949l.32 1.176c.094.342.141.695.141 1.051V247.19c.002 5.314-4.322 9.638-9.639 9.638zm-10.359-148v138.361a1.64 1.64 0 0 0 1.641 1.639h8.719a1.64 1.64 0 0 0 1.641-1.639V108.828z"
/>
<path fill="#fff" d="M171.486 104.828h19.367l-9.752-36z" />
<path
fill="#2e58ff"
d="M190.852 108.828h-19.367a4.002 4.002 0 0 1-3.863-5.033l9.617-36a3.999 3.999 0 0 1 3.855-2.967h.008a3.999 3.999 0 0 1 3.859 2.955l9.75 36a3.998 3.998 0 0 1-3.859 5.045zm-14.161-8h8.934l-4.496-16.602z"
/>
<path
fill="#fff"
d="M191.172 164.828v-58.823l-.319-1.177h-19.367l-.314 1.177v141.184a5.64 5.64 0 0 0 5.639 5.639h8.722a5.64 5.64 0 0 0 5.639-5.639v-67.072"
/>
<path
fill="#2e58ff"
d="M185.531 256.828h-8.719c-5.316 0-9.641-4.324-9.641-9.639V106.004c0-.348.047-.691.133-1.027l.312-1.176a4.007 4.007 0 0 1 3.867-2.973h19.367a3.996 3.996 0 0 1 3.859 2.949l.32 1.176c.094.342.141.695.141 1.051v58.824c0 2.209-1.789 4-4 4s-4-1.791-4-4v-56h-12v138.361a1.64 1.64 0 0 0 1.641 1.639h8.719a1.64 1.64 0 0 0 1.641-1.639v-67.072c0-2.209 1.789-4 4-4s4 1.791 4 4v67.072c.001 5.315-4.323 9.639-9.64 9.639z"
/>
<g fill="#2e58ff">
<path
d="M227.172 104.828c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12zm0-16c-2.207 0-4 1.795-4 4s1.793 4 4 4 4-1.795 4-4-1.793-4-4-4z"
/>
<circle cx="235.172" cy="148.828" r="4" />
<path
d="M248.828 62.484A3.988 3.988 0 0 1 246 61.312L234.688 50a4 4 0 1 1 5.656-5.656l11.312 11.312a4 4 0 0 1-2.828 6.828z"
/>
<path
d="M237.516 62.484a4 4 0 0 1-2.828-6.828L246 44.344A4 4 0 1 1 251.656 50l-11.312 11.312a3.986 3.986 0 0 1-2.828 1.172z"
/>
</g>
<path fill="#fff" d="M51.486 104.828h19.367l-9.752-36z" />
<path
fill="#2e58ff"
d="M70.852 108.828H51.484a4.002 4.002 0 0 1-3.863-5.033l9.617-36a3.999 3.999 0 0 1 3.855-2.967h.008a3.999 3.999 0 0 1 3.859 2.955l9.75 36a3.992 3.992 0 0 1-.684 3.477 3.995 3.995 0 0 1-3.174 1.568zm-14.161-8h8.934l-4.496-16.602z"
/>
<path
fill="#fff"
d="M51.172 106.005v141.184a5.64 5.64 0 0 0 5.639 5.639h8.722a5.64 5.64 0 0 0 5.639-5.639V106.005l-.319-1.177H51.486z"
/>
<path
fill="#2e58ff"
d="M65.531 256.828h-8.719c-5.316 0-9.641-4.324-9.641-9.639V106.004c0-.348.047-.691.133-1.027l.312-1.176a4.007 4.007 0 0 1 3.867-2.973H70.85a3.996 3.996 0 0 1 3.859 2.949l.32 1.176c.094.342.141.695.141 1.051V247.19c.002 5.314-4.322 9.638-9.639 9.638zm-10.359-148v138.361a1.64 1.64 0 0 0 1.641 1.639h8.719a1.64 1.64 0 0 0 1.641-1.639V108.828z"
/>
<path fill="#fff" d="M71.486 104.828h19.367l-9.752-36z" />
<path
fill="#2e58ff"
d="M90.852 108.828H71.484a4.002 4.002 0 0 1-3.863-5.033l9.617-36a3.999 3.999 0 0 1 3.855-2.967h.008a3.999 3.999 0 0 1 3.859 2.955l9.75 36a3.992 3.992 0 0 1-.684 3.477 3.995 3.995 0 0 1-3.174 1.568zm-14.161-8h8.934l-4.496-16.602z"
/>
<path
fill="#cceaff"
d="M71.172 106.005v141.184a5.64 5.64 0 0 0 5.639 5.639h8.722a5.64 5.64 0 0 0 5.639-5.639V106.005l-.319-1.177H71.486z"
/>
<path
fill="#2e58ff"
d="M85.531 256.828h-8.719c-5.316 0-9.641-4.324-9.641-9.639V106.004c0-.348.047-.691.133-1.027l.312-1.176a4.007 4.007 0 0 1 3.867-2.973H90.85a3.996 3.996 0 0 1 3.859 2.949l.32 1.176c.094.342.141.695.141 1.051V247.19c.002 5.314-4.322 9.638-9.639 9.638zm-10.359-148v138.361a1.64 1.64 0 0 0 1.641 1.639h8.719a1.64 1.64 0 0 0 1.641-1.639V108.828z"
/>
<path fill="#cceaff" d="M191.172 164.828h-140v-16h140z" />
<path
fill="#2e58ff"
d="M191.172 168.828h-140c-2.211 0-4-1.791-4-4v-16c0-2.209 1.789-4 4-4h140c2.211 0 4 1.791 4 4v16c0 2.209-1.789 4-4 4zm-136-8h132v-8h-132zM239.172 256.828h-56c-2.211 0-4-1.791-4-4s1.789-4 4-4h56c2.211 0 4 1.791 4 4s-1.789 4-4 4z"
/>
</svg>
More icons in the same style and category