Add icons to this collection by clicking the heart icon.
Color Pencil icon - also known as art, painting, education, school, pencil, drawing, crayon, pencil crayons, art and design, and color pencil. Created in a clean lineal color style with a silver, 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>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="m0 0-78.191 126.515c-6.541 12.68-3.563 10.196-10.104-2.486L-164.633 0a38.572 38.572 0 0 1-4.288-17.669v-315.482c0-13.807 14.564-17.543 28.371-17.543l117.446-.51c12.082 0 24.553 1.622 26.884 13.015.333 1.627.508 3.312.508 5.038v315.482c0 2.977-.345 5.933-1.02 8.811A38.594 38.594 0 0 1 0 0"
transform="translate(338.316 365.651)"
fill="#cb97e7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-2.32-11.41-12.4-20-24.5-20h-123.2c-13.81 0-25 11.189-25 25v20c0-13.811 13.9-25 31.04-25z"
transform="translate(342.1 27.5)"
fill="#bd80e1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-434.87l-17.697 6.947c-13.81 0-26.153 4.242-26.153 18.053v315.48c0 6.15 1.47 12.209 4.28 17.67z"
transform="translate(213.25 442.37)"
fill="#bd80e1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-434.87l-21.375 6.947-21.375-6.947v497c6.17 0 12.34-3.17 15.61-9.51z"
transform="translate(298.75 442.37)"
fill="#bd80e1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-1.948 0-3.854.146-5.702.422a6.007 6.007 0 0 0-5.13 5.918c-.134 39.778-.208 314.14-.208 314.14 0 6.15-4.25 11.611-1.439 17.071l-9.429-.987c-1.352-2.627-7.245-3.806-7.963-6.654a38.633 38.633 0 0 1-1.169-9.43V5c0-13.807 11.193-25 25-25h18.85V0z"
transform="translate(200.44 27.5)"
fill="#af66da"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M298.75 7.5H256v20h42.75z"
fill="#af66da"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-44.385-13.03L-82.6 0l25.69 49.811c6.54 12.679 24.68 12.679 31.22 0z"
transform="translate(297.3 445.18)"
fill="#bd80e1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-2.25-1.55-4.2-3.7-5.61-6.43l-25.13-49.81-9.92-2.81-10.64 2.81 25.69 49.81C-20.48 3.52-8.21 5.66 0 0"
transform="translate(266 501.42)"
fill="#af66da"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-35.34-23.56a13.634 13.634 0 0 0-14.96 0L-78.1-5.351a13.614 13.614 0 0 1-14.95 0l-27.79-18.199a13.596 13.596 0 0 0-14.96 0L-171 .62a38.37 38.37 0 0 0 3.11 8.24l41.02 79.53h82.6L-3.25 8.86A38.183 38.183 0 0 0 0 0"
transform="translate(341.57 356.79)"
fill="#feca9c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-41.58-79.529a38.628 38.628 0 0 1-4.28-17.67v-3.5L-64.69-87.77c.711 2.85 1.76 5.61 3.11 8.241L-20.56 0Z"
transform="translate(235.26 445.18)"
fill="#fdb97e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v143.259c0 6.147-1.47 12.205-4.288 17.669l-66.71 129.338c-6.54 12.68-24.673 12.68-31.213 0l-38.144-73.954"
transform="translate(342.604 204.724)"
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-12.497-24.229a38.552 38.552 0 0 1-4.288-17.668V-357.38c0-13.807 11.193-25 25-25h123.209c13.807 0 25 11.193 25 25v137.053"
transform="translate(186.18 389.88)"
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-323.499"
transform="translate(298.746 330.999)"
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-31.904"
transform="translate(256 39.404)"
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-279.227"
transform="translate(256 353.674)"
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-241.628"
transform="translate(213.254 249.128)"
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-46.85"
transform="translate(213.254 330.999)"
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 0h81.367"
transform="translate(215.316 445.176)"
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 35.269-23.102a13.63 13.63 0 0 1 14.958 0L78.016-4.898a13.627 13.627 0 0 0 14.958 0l27.795-18.205a13.63 13.63 0 0 1 14.957 0L171 0"
transform="translate(170.5 356.337)"
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 35.269-23.102a13.63 13.63 0 0 1 14.958 0L78.016-4.898a13.627 13.627 0 0 0 14.958 0l27.795-18.205a13.63 13.63 0 0 1 14.957 0L171 0"
transform="translate(170.5 356.337)"
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