Add icons to this collection by clicking the heart icon.
Color Pencils icon - also known as art, education, school, pencil, draw, color, art and design, and color pencils. Created in a clean lineal color style with a silver, gray, black, 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="m0 0-49.705-22.601L-99.4 0l16.579 41.692 33.116 17.838 33.116-17.838Z"
transform="matrix(1.33333 0 0 -1.33333 142.533 141.258)"
fill="#ffddcf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 16.579 41.692 18.116 9.759-15 8.079-33.116-17.838L-30 0l49.695-22.601 15.001 6.821Z"
transform="matrix(1.33333 0 0 -1.33333 50 141.258)"
fill="#ffcbbe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-49.705-22.601L-99.4 0l16.579 41.692 33.116 17.838 33.116-17.838Z"
transform="matrix(1.33333 0 0 -1.33333 275.066 141.258)"
fill="#ffddcf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-49.705-22.601L-99.4 0l16.578 41.692 33.116 17.838 33.117-17.838Z"
transform="matrix(1.33333 0 0 -1.33333 407.6 141.258)"
fill="#ffddcf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-49.705-22.601L-99.4 0l16.579 41.692 33.116 17.838 33.116-17.838Z"
transform="matrix(1.33333 0 0 -1.33333 540.133 141.258)"
fill="#ffddcf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-49.705-22.601L-99.4 0l16.579 41.692 33.116 17.838 33.116-17.838Z"
transform="matrix(1.33333 0 0 -1.33333 672.667 141.258)"
fill="#ffddcf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-99.395l-49.703-63.831 49.703-63.831 49.7-34.134L0-127.662l49.703 63.831z"
transform="matrix(1.33333 0 0 -1.33333 275.06 141.257)"
fill="#bd9cde"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-99.395l-49.702-63.831 49.702-63.831 49.695-34.134L0-127.662l49.703 63.831z"
transform="matrix(1.33333 0 0 -1.33333 540.127 141.257)"
fill="#fdc072"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-99.395v-127.662l49.694-34.134L0-127.662Z"
transform="matrix(1.33333 0 0 -1.33333 142.527 141.257)"
fill="#93ecea"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v127.662h-30V0l49.694-34.134 15.001 10.303z"
transform="matrix(1.33333 0 0 -1.33333 50 311.473)"
fill="#00d2ce"
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 0h-66.232l7.191 18.087c9.336 23.452 42.524 23.452 51.85 0z"
transform="translate(90.311 447.749)"
fill="#93ecea"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-13.704 8.628-33.959 4.196-40.927-13.31l-7.192-18.086h30l7.192 18.086C-8.561-7.363-4.656-2.932 0 0"
transform="translate(72.198 479.146)"
fill="#00d2ce"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-66.232l7.191 18.087c9.336 23.452 42.524 23.452 51.85 0z"
transform="translate(189.71 447.749)"
fill="#bd9cde"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-99.395v-127.662l49.687-34.134L0-127.662Z"
transform="translate(305.695 406.058)"
fill="#ff8a98"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-66.233l7.192 18.087c9.335 23.452 42.524 23.452 51.849 0z"
transform="translate(289.111 447.749)"
fill="#ff8a98"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-66.232l7.191 18.087c9.336 23.452 42.524 23.452 51.849 0z"
transform="translate(388.511 447.749)"
fill="#fdc072"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-99.395v-127.662l49.695-37.546L0-127.662Z"
transform="translate(504.495 406.058)"
fill="#77728d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-66.232l7.191 18.087c9.336 23.452 42.524 23.452 51.85 0z"
transform="translate(487.911 447.749)"
fill="#77728d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-167.284c0-45.583 36.953-82.536 82.537-82.536h331.9c45.584 0 82.537 36.953 82.537 82.536V0z"
transform="translate(7.5 278.396)"
fill="#f9ee80"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v167.284h-30V0c0-45.583 36.953-82.536 82.537-82.536h30C36.953-82.536 0-45.583 0 0"
transform="translate(37.5 111.111)"
fill="#fdc072"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-42.197-80.697-76.404-180.242-76.404-99.545 0-180.241 34.207-180.241 76.404 0 42.196 80.696 76.403 180.241 76.403C-80.697 76.403 0 42.196 0 0"
transform="translate(438.299 153.485)"
fill="#93ecea"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-34.713c0-45.583 36.953-82.536 82.537-82.536h331.9c45.584 0 82.536 36.953 82.536 82.536v93.525"
transform="translate(7.5 145.824)"
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 0v43.76h-496.973V-58.812"
transform="translate(504.474 234.636)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M106.896 406.058H7.501V278.396h99.395z"
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-99.4l16.579 41.692h66.232z"
transform="translate(106.9 406.057)"
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-66.232l7.191 18.087c9.336 23.452 42.524 23.452 51.85 0z"
transform="translate(90.311 447.749)"
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-99.4l16.579 41.692h66.232z"
transform="translate(206.3 406.057)"
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-66.232l7.191 18.087c9.336 23.452 42.524 23.452 51.85 0z"
transform="translate(189.71 447.749)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M305.695 406.058H206.3V278.396h99.395z"
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-99.4l16.578 41.692h66.233z"
transform="translate(305.7 406.057)"
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-66.233l7.192 18.087c9.335 23.452 42.524 23.452 51.849 0z"
transform="translate(289.111 447.749)"
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-99.4l16.579 41.692h66.232z"
transform="translate(405.1 406.057)"
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-66.232l7.191 18.087c9.336 23.452 42.524 23.452 51.849 0z"
transform="translate(388.511 447.749)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M504.495 406.058H405.1V278.396h99.395z"
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-99.4l16.579 41.692h66.232z"
transform="translate(504.5 406.057)"
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-66.232l7.191 18.087c9.336 23.452 42.524 23.452 51.85 0z"
transform="translate(487.911 447.749)"
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 0c0-42.197-80.697-76.404-180.242-76.404-99.545 0-180.241 34.207-180.241 76.404 0 42.196 80.696 76.403 180.241 76.403C-80.697 76.403 0 42.196 0 0Z"
transform="translate(438.299 153.485)"
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-16.577"
transform="translate(171.789 173.019)"
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-16.577"
transform="translate(344.326 173.019)"
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 0c5.53-6.346 13.666-10.361 22.744-10.361S39.958-6.346 45.488 0"
transform="translate(235.313 156.935)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M206.295 406.058H106.9V278.396h99.395zM405.095 406.058H305.7V278.396h99.395z"
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