Add icons to this collection by clicking the heart icon.
Color Pencils icon - also known as education, school supplies, crayons, art and design, and color pencils. Created in a clean outline color style with a white, silver, gray, 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 512 512"
>
<g>
<path fill="#eaf2ff" d="M24 152h128v320H24z" />
<path fill="#c1d1f7" d="M24 448h128v24H24z" />
<path
d="M152 480H24a8 8 0 0 1-8-8V232a8 8 0 0 1 16 0v232h112V160H32v40a8 8 0 0 1-16 0v-48a8 8 0 0 1 8-8h128a8 8 0 0 1 8 8v320a8 8 0 0 1-8 8z"
/>
<path fill="#b24654" d="M24 472h128v32H24z" />
<path
d="M152 512H24a8 8 0 0 1-8-8v-32a8 8 0 0 1 8-8h128a8 8 0 0 1 8 8v32a8 8 0 0 1-8 8zM32 496h112v-16H32z"
/>
<path fill="#cd4f5f" d="M24 120h128v32H24z" />
<path
d="M152 160H24a8 8 0 0 1-8-8v-32a8 8 0 0 1 8-8h128a8 8 0 0 1 8 8v32a8 8 0 0 1-8 8zM32 144h112v-16H32z"
/>
<path fill="#cd4f5f" d="M144 120H32L72 8h32z" />
<path
d="M144 128H32a8 8 0 0 1-7.53-10.69l40-112A8 8 0 0 1 72 0h32a8 8 0 0 1 7.53 5.31l40 112A8 8 0 0 1 144 128zM43.35 112h89.3L98.36 16H77.64zM152 208H24a8 8 0 0 1 0-16h128a8 8 0 0 1 0 16zM152 432H24a8 8 0 0 1 0-16h128a8 8 0 0 1 0 16z"
/>
<path
fill="#cd4f5f"
d="M88 368a24 24 0 0 1-24-24v-64a24 24 0 0 1 48 0v64a24 24 0 0 1-24 24z"
/>
<path
fill="#b24654"
d="M88 256a24 24 0 0 0-24 24v24a24 24 0 0 1 48 0v-24a24 24 0 0 0-24-24z"
/>
<path
d="M88 376a32 32 0 0 1-32-32v-64a32 32 0 0 1 64 0v64a32 32 0 0 1-32 32zm0-112a16 16 0 0 0-16 16v64a16 16 0 0 0 32 0v-64a16 16 0 0 0-16-16z"
/>
<path fill="#eaf2ff" d="M192 152h128v320H192z" />
<path fill="#c1d1f7" d="M192 448h128v24H192z" />
<path
d="M320 480H192a8 8 0 0 1-8-8V152a8 8 0 0 1 8-8h128a8 8 0 0 1 8 8v320a8 8 0 0 1-8 8zm-120-16h112V160H200z"
/>
<path fill="#d08840" d="M192 472h128v32H192z" />
<path
d="M320 512H192a8 8 0 0 1-8-8v-32a8 8 0 0 1 8-8h128a8 8 0 0 1 8 8v32a8 8 0 0 1-8 8zm-120-16h112v-16H200z"
/>
<path fill="#e9a648" d="M192 120h128v32H192z" />
<path
d="M320 160H192a8 8 0 0 1-8-8v-32a8 8 0 0 1 8-8h128a8 8 0 0 1 8 8v32a8 8 0 0 1-8 8zm-120-16h112v-16H200z"
/>
<path fill="#e9a648" d="M312 120H200L240 8h32z" />
<path
d="M312 128H200a8 8 0 0 1-7.53-10.69l40-112A8 8 0 0 1 240 0h32a8 8 0 0 1 7.53 5.31l40 112A8 8 0 0 1 312 128zm-100.65-16h89.3l-34.29-96h-20.72zM320 208H192a8 8 0 0 1 0-16h128a8 8 0 0 1 0 16zM320 432H192a8 8 0 0 1 0-16h128a8 8 0 0 1 0 16z"
/>
<path
fill="#e9a648"
d="M256 368a24 24 0 0 1-24-24v-64a24 24 0 0 1 48 0v64a24 24 0 0 1-24 24z"
/>
<path
fill="#d08840"
d="M256 256a24 24 0 0 0-24 24v24a24 24 0 0 1 48 0v-24a24 24 0 0 0-24-24z"
/>
<path
d="M256 376a32 32 0 0 1-32-32v-64a32 32 0 0 1 64 0v64a32 32 0 0 1-32 32zm0-112a16 16 0 0 0-16 16v64a16 16 0 0 0 32 0v-64a16 16 0 0 0-16-16z"
/>
<path fill="#eaf2ff" d="M360 152h128v320H360z" />
<path fill="#c1d1f7" d="M360 448h128v24H360z" />
<path
d="M488 480H360a8 8 0 0 1-8-8V152a8 8 0 0 1 8-8h128a8 8 0 0 1 8 8v240a8 8 0 0 1-16 0V160H368v304h112v-40a8 8 0 0 1 16 0v48a8 8 0 0 1-8 8z"
/>
<path fill="#96bf5b" d="M360 472h128v32H360z" />
<path
d="M488 512H360a8 8 0 0 1-8-8v-32a8 8 0 0 1 8-8h128a8 8 0 0 1 8 8v32a8 8 0 0 1-8 8zm-120-16h112v-16H368z"
/>
<path fill="#b1da7a" d="M360 120h128v32H360z" />
<path
d="M488 160H360a8 8 0 0 1-8-8v-32a8 8 0 0 1 8-8h128a8 8 0 0 1 8 8v32a8 8 0 0 1-8 8zm-120-16h112v-16H368z"
/>
<path fill="#b1da7a" d="M480 120H368L408 8h32z" />
<path
d="M480 128H368a8 8 0 0 1-7.53-10.69l40-112A8 8 0 0 1 408 0h32a8 8 0 0 1 7.53 5.31l40 112A8 8 0 0 1 480 128zm-100.65-16h89.3l-34.29-96h-20.72zM488 208H360a8 8 0 0 1 0-16h128a8 8 0 0 1 0 16zM488 432H360a8 8 0 0 1 0-16h128a8 8 0 0 1 0 16z"
/>
<path
fill="#b1da7a"
d="M424 368a24 24 0 0 1-24-24v-64a24 24 0 0 1 48 0v64a24 24 0 0 1-24 24z"
/>
<path
fill="#96bf5b"
d="M424 256a24 24 0 0 0-24 24v24a24 24 0 0 1 48 0v-24a24 24 0 0 0-24-24z"
/>
<path
d="M424 376a32 32 0 0 1-32-32v-64a32 32 0 0 1 64 0v64a32 32 0 0 1-32 32zm0-112a16 16 0 0 0-16 16v64a16 16 0 0 0 32 0v-64a16 16 0 0 0-16-16z"
/>
</g>
</svg>
More icons in the same style and category