Add icons to this collection by clicking the heart icon.
Color Pencils icon - also known as painting, education, school, pencil, learning, crayon, pencil crayons, art and design, color pencils, and color pencil. Created in a clean outline color style with a gray, black, yellow, teal, and orange 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 68 68"
>
<path
fill="#ffd542"
d="M19.368 7.516v42.65c0 .887-.72 1.607-1.607 1.607H3.607c-.887 0-1.607-.72-1.607-1.607V7.516A4.237 4.237 0 0 1 6.237 3.28h8.895a4.237 4.237 0 0 1 4.236 4.236z"
/>
<path
fill="#f2c538"
d="M8.044 51.777h-4.44c-.88 0-1.6-.72-1.6-1.61V7.517c0-2.34 1.89-4.24 4.23-4.24h4.44c-2.34 0-4.24 1.9-4.24 4.24v42.65c0 .89.72 1.61 1.61 1.61z"
/>
<path
fill="#2dcef6"
d="M2 45.694v4.472c0 .887.72 1.607 1.607 1.607h14.154c.888 0 1.607-.72 1.607-1.607v-4.472zM19.368 11.184V7.516a4.237 4.237 0 0 0-4.236-4.236H6.237A4.237 4.237 0 0 0 2 7.516v3.668z"
/>
<path
fill="#1ec5e0"
d="M19.364 7.517v2.71c0-2.34-1.89-4.24-4.23-4.24h-8.9c-2.34 0-4.23 1.9-4.23 4.24v-2.71c0-2.34 1.89-4.24 4.23-4.24h8.9c2.34 0 4.23 1.9 4.23 4.24z"
/>
<g fill="#2dcef6">
<path
d="m14.345 58.767 2.975-6.994H4.048l2.975 6.994zM13.061 58.767v3.576a2.377 2.377 0 1 1-4.754 0v-3.576z"
/>
</g>
<path
fill="#ffd542"
d="M42.684 7.516v42.65c0 .887-.72 1.607-1.607 1.607H26.923c-.887 0-1.607-.72-1.607-1.607V7.516a4.237 4.237 0 0 1 4.237-4.236h8.895a4.237 4.237 0 0 1 4.236 4.236z"
/>
<path
fill="#f2c538"
d="M31.36 51.777h-4.44c-.88 0-1.6-.72-1.6-1.61V7.517c0-2.34 1.89-4.24 4.23-4.24h4.44c-2.34 0-4.24 1.9-4.24 4.24v42.65c0 .89.72 1.61 1.61 1.61z"
/>
<path
fill="#0c9"
d="M25.316 45.694v4.472c0 .887.72 1.607 1.607 1.607h14.154c.888 0 1.607-.72 1.607-1.607v-4.472zM42.684 11.184V7.516a4.237 4.237 0 0 0-4.236-4.236h-8.895a4.237 4.237 0 0 0-4.237 4.236v3.668z"
/>
<path
fill="#02c18b"
d="M42.68 7.517v2.71c0-2.34-1.89-4.24-4.23-4.24h-8.9c-2.34 0-4.23 1.9-4.23 4.24v-2.71c0-2.34 1.89-4.24 4.23-4.24h8.9c2.34 0 4.23 1.9 4.23 4.24z"
/>
<path
fill="#0c9"
d="m37.661 58.767 2.975-6.994H27.364l2.975 6.994zM36.377 58.767v3.576a2.377 2.377 0 1 1-4.754 0v-3.576z"
/>
<path
fill="#ffd542"
d="M66 7.516v42.65c0 .887-.72 1.607-1.607 1.607H50.239c-.887 0-1.607-.72-1.607-1.607V7.516A4.237 4.237 0 0 1 52.87 3.28h8.895A4.236 4.236 0 0 1 66 7.516z"
/>
<path
fill="#f2c538"
d="M54.676 51.777h-4.44c-.88 0-1.6-.72-1.6-1.61V7.517c0-2.34 1.89-4.24 4.23-4.24h4.44c-2.34 0-4.24 1.9-4.24 4.24v42.65c0 .89.72 1.61 1.61 1.61z"
/>
<path
fill="#f34c6e"
d="M48.632 45.694v4.472c0 .887.72 1.607 1.607 1.607h14.154c.888 0 1.607-.72 1.607-1.607v-4.472zM66 11.184V7.516a4.237 4.237 0 0 0-4.236-4.236h-8.895a4.237 4.237 0 0 0-4.237 4.236v3.668z"
/>
<path
fill="#e24067"
d="M65.996 7.517v2.71c0-2.34-1.89-4.24-4.23-4.24h-8.9c-2.34 0-4.23 1.9-4.23 4.24v-2.71c0-2.34 1.89-4.24 4.23-4.24h8.9c2.34 0 4.23 1.9 4.23 4.24z"
/>
<path fill="#2dcef6" d="m60.977 58.767 2.975-6.994H50.68l2.975 6.994z" />
<path
fill="#f34c6e"
d="M59.693 58.767v3.576a2.377 2.377 0 1 1-4.754 0v-3.576zM60.977 58.767l2.975-6.994H50.68l2.975 6.994z"
/>
<g fill="#003">
<path
d="M15.132 2.28H6.236A5.242 5.242 0 0 0 1 7.516v11.928a1 1 0 1 0 2 0v-7.26h8.248a1 1 0 1 0 0-2H3V7.516A3.24 3.24 0 0 1 6.236 4.28h8.896a3.24 3.24 0 0 1 3.236 3.236v2.668h-3.394a1 1 0 1 0 0 2h3.394v32.51h-3.142a1 1 0 1 0 0 2h3.142v3.471a.608.608 0 0 1-.607.608H3.607A.608.608 0 0 1 3 50.165v-3.471h9.304a1 1 0 1 0 0-2H3V24.227a1 1 0 1 0-2 0v25.938a2.602 2.602 0 0 0 2.377 2.585l2.726 6.409c.156.369.518.608.92.608h.284v2.576c0 1.863 1.515 3.377 3.377 3.377s3.378-1.514 3.378-3.377v-2.576h.284c.401 0 .763-.24.92-.608l2.725-6.41a2.602 2.602 0 0 0 2.377-2.584V7.516a5.242 5.242 0 0 0-5.236-5.236zm-3.07 60.063a1.38 1.38 0 0 1-1.377 1.377h-.002a1.38 1.38 0 0 1-1.376-1.377v-2.576h2.754v2.576zm1.623-4.576H7.684L5.56 52.773h10.249zM38.447 2.28h-8.894a5.242 5.242 0 0 0-5.237 5.236v11.928a1 1 0 1 0 2 0v-7.26h8.248a1 1 0 1 0 0-2h-8.248V7.516a3.24 3.24 0 0 1 3.237-3.236h8.894a3.24 3.24 0 0 1 3.237 3.236v2.668H38.29a1 1 0 1 0 0 2h3.393v32.51h-3.141a1 1 0 1 0 0 2h3.14v3.471a.608.608 0 0 1-.606.608H26.924a.608.608 0 0 1-.608-.608v-3.471h9.303a1 1 0 1 0 0-2h-9.303V24.227a1 1 0 1 0-2 0v25.939a2.602 2.602 0 0 0 2.377 2.584c2.678 6.296 2.646 7.017 3.646 7.017h.284v2.576c0 1.863 1.515 3.377 3.377 3.377s3.377-1.514 3.377-3.377v-2.576c1.272 0 .878.159 3.93-7.017a2.602 2.602 0 0 0 2.378-2.584V7.516a5.243 5.243 0 0 0-5.238-5.236zm-3.07 60.063c0 .76-.618 1.377-1.377 1.377s-1.377-.618-1.377-1.377v-2.576h2.754v2.576zM37 57.767h-6l-2.124-4.994h10.249zM61.764 2.28h-8.896a5.242 5.242 0 0 0-5.236 5.236v11.928a1 1 0 1 0 2 0v-7.26h8.248a1 1 0 1 0 0-2h-8.248V7.516a3.24 3.24 0 0 1 3.236-3.236h8.896A3.24 3.24 0 0 1 65 7.516v2.668h-3.393a1 1 0 1 0 0 2H65v32.51h-3.142a1 1 0 1 0 0 2H65v3.472a.608.608 0 0 1-.607.607H50.239a.608.608 0 0 1-.607-.607v-3.472h9.304a1 1 0 1 0 0-2h-9.304V24.227a1 1 0 1 0-2 0v25.939a2.602 2.602 0 0 0 2.377 2.584l2.725 6.409c.157.369.519.608.92.608h.284v2.576c0 1.863 1.516 3.377 3.378 3.377s3.377-1.514 3.377-3.377v-2.576h.285c.401 0 .763-.24.92-.608l2.725-6.41A2.602 2.602 0 0 0 67 50.166V7.516a5.242 5.242 0 0 0-5.236-5.236zm-3.07 60.063a1.38 1.38 0 0 1-1.378 1.377 1.38 1.38 0 0 1-1.378-1.377v-2.576h2.755zm1.622-4.576h-6l-2.125-4.994h10.25z"
/>
</g>
</svg>
More icons in the same style and category