Add icons to this collection by clicking the heart icon.
Color Pencil icon - also known as art, education, drawing, crayon, stationery, crayons, art and design, and color pencil. Created in a clean flat style with a white, silver, gray, black, red, teal, blue, navy, magenta, purple, orange, 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="512"
height="512"
viewBox="0 0 53 53"
>
<path
fill="#5b5e8b"
d="M21.134 40.974H6.15V35.63a2.833 2.833 0 0 1-2.916-2.832v-8.551a5.192 5.192 0 0 1 5.193-5.192h11.146a5.192 5.192 0 0 1 5.193 5.192v7.136l-3.632-.608v10.198z"
/>
<path
fill="#312e4b"
d="M22.95 33.056a1.816 1.816 0 0 0 1.816-1.817v-6.99c0-2.323-1.535-4.266-3.637-4.93l.004 11.92c0 1.004.813 1.817 1.816 1.817zM6.137 33.825V19.611c-2.102.665-3.637 2.6-3.637 4.927v9.287a1.818 1.818 0 0 0 3.637 0z"
/>
<path
fill="#8b4f4f"
d="M7.634 8.015h1.111v3.606H7.634zM18.805 7.198h1.111v4.424h-1.111z"
/>
<path
fill="#ffaf93"
d="M16.523 17.057v2.204a2.75 2.75 0 0 1-.812 1.947c-.5.5-1.19.812-1.947.812a2.762 2.762 0 0 1-2.759-2.76v-2.203z"
/>
<path
fill="#ee8778"
d="M14.048 17.232a2.204 2.204 0 0 0-2.204 2.205c0 1.176.743 2.19 1.785 2.583a2.763 2.763 0 0 1-2.624-2.76v-2.203h5.518v.175z"
/>
<path
fill="#ee8778"
d="M16.523 17.057v1.338a5.29 5.29 0 0 1-2.759.758c-1 0-1.947-.27-2.759-.744v-1.352h5.518z"
/>
<path
fill="#ffaf93"
d="M8.712 6.972v6.718a5.047 5.047 0 0 0 8.618 3.573 5.034 5.034 0 0 0 1.479-3.573V6.972z"
/>
<path
fill="#ee8778"
d="M19.106 10.646v3.043c0 .162-.014.311-.027.46-.095.013-.176.027-.27.027v-3.557c.094 0 .202.014.297.027zM14.318 18.706c-.175.027-.365.041-.554.041-2.837 0-5.058-2.325-5.058-5.058V6.968h1.15v6.721c0 2.479 1.837 4.72 4.462 5.017z"
/>
<path
fill="#ee8778"
d="M6.933 12.394c0 .99.795 1.784 1.785 1.784V10.62c-.99 0-1.785.794-1.785 1.774z"
/>
<path
fill="#ffaf93"
d="M20.593 12.39c0 .893-.662 1.637-1.514 1.759.013-.149.027-.298.027-.46v-3.043a1.773 1.773 0 0 1 1.487 1.745z"
/>
<path
fill="#ee8778"
d="M19.106 10.646v3.043c0 .162-.014.311-.027.46-.095.013-.176.027-.27.027v-3.557c.094 0 .202.014.297.027zM13.36 13.013v.72a.443.443 0 1 0 .887 0v-.72a.443.443 0 1 0-.886 0zM15.342 15.314a1.616 1.616 0 0 1-3.156 0z"
/>
<path
fill="#312e4b"
d="M15.19 11.238a1.042 1.042 0 0 1 2.036 0zM10.295 11.238a1.042 1.042 0 0 1 2.036 0z"
/>
<path
fill="#ab604b"
d="M8.746 8.015c5.28 2.155 9.239 2.176 11.17-.488l-.003-1.158c0-.752-.247-1.5-.761-2.049-.565-.603-1.5-1.072-2.975-.54-1.654-.983-3.36-1.28-5.104-1.054a3.954 3.954 0 0 0-3.44 3.92l.003 1.37z"
/>
<path
fill="#8b4f4f"
d="M9.862 3.1c-1.328.645-2.23 2-2.23 3.547l.004 1.368h1.11c.384.157.746.278 1.116.412z"
/>
<path
fill="#312e4b"
d="M2.555 33.387a1.818 1.818 0 0 0 1.322 2.206l6.205 1.553a1.818 1.818 0 1 0 .883-3.528L4.76 32.065a1.818 1.818 0 0 0-2.205 1.322z"
/>
<circle cx="11.823" cy="35.707" r="2.435" fill="#ffaf93" />
<path
fill="#ee8778"
d="M12.196 38.115a2.436 2.436 0 0 1-2.737-2.998 2.43 2.43 0 0 1 2.954-1.771c.059.015.126.032.183.055a2.437 2.437 0 0 0-1.987 1.815 2.43 2.43 0 0 0 1.587 2.899z"
/>
<path
fill="#312e4b"
d="M31.158 27.527 24.01 32.71a1.816 1.816 0 0 1-2.132-2.94l7.146-5.183z"
/>
<circle cx="29.681" cy="26.174" r="2.435" fill="#ffaf93" />
<path
fill="#ee8778"
d="M31.766 27.436a2.436 2.436 0 0 1-4.056.17 2.43 2.43 0 0 1 .542-3.401c.05-.036.106-.077.16-.105a2.437 2.437 0 0 0 .113 2.689 2.43 2.43 0 0 0 3.241.647z"
/>
<path
fill="#b5b5ea"
d="M31.742 29.104v10.518c0 .71.574 1.287 1.285 1.287h14.998c.711 0 1.288-.576 1.288-1.287V29.104c0-.71-.577-1.287-1.288-1.287H33.027c-.711 0-1.285.576-1.285 1.287z"
/>
<path
fill="#ffaf93"
d="M45.163 27.179c.77 1.27 1.76 1.27 2.98 0 0 0-.396-.836-.776-1.644-.167-.353-.334-.7-.462-.97a.278.278 0 0 0-.504 0l-.46.97z"
/>
<path
fill="#ee8778"
d="M45.162 27.18c.463.76 1.002 1.065 1.623.916-.38-.098-.726-.406-1.033-.916l.678-1.439.098-.206.419-.884a1.053 1.053 0 0 1-.042-.085.278.278 0 0 0-.503 0l-.46.97z"
/>
<path
fill="#f879ca"
d="M45.142 36.989v-9.673a.505.505 0 0 1 1.01 0 .503.503 0 1 1 1.005 0 .503.503 0 1 1 1.007 0v9.673z"
/>
<path
fill="#f44aaf"
d="M45.143 27.316v9.672h3.02v-.665h-.527a1.78 1.78 0 0 1-1.78-1.78v-7.686a.503.503 0 0 0-.713.46z"
/>
<path
fill="#e4e3ff"
d="M45.142 36.708v1.75c0 .42.34.76.76.76h1.5c.421 0 .762-.34.762-.76v-1.75z"
/>
<path
fill="#474646"
d="M45.142 37.374v1.08c0 .422.342.764.764.764h1.497c.42 0 .76-.34.76-.76v-1.084z"
/>
<path
fill="#2d2c2c"
d="M45.142 37.373v1.08c0 .424.342.766.763.766h1.499a.754.754 0 0 0 .662-.391.735.735 0 0 1-.288.057h-1.496a.763.763 0 0 1-.762-.763v-.75z"
/>
<path
fill="#f879ca"
d="M45.942 25.535a1.224 1.224 0 0 0 1.425 0c-.167-.353-.334-.7-.462-.97a.278.278 0 0 0-.504 0z"
/>
<path
fill="#f44aaf"
d="M45.942 25.535c.143.102.307.175.488.206l.098-.206.419-.884a1.053 1.053 0 0 1-.042-.085.278.278 0 0 0-.503 0z"
/>
<path
fill="#ffaf93"
d="M42.142 27.179c.769 1.27 1.76 1.27 2.979 0l-.775-1.644c-.168-.353-.335-.7-.462-.97a.278.278 0 0 0-.505 0l-.459.97z"
/>
<path
fill="#ee8778"
d="M42.14 27.18c.464.76 1.002 1.065 1.623.916-.38-.098-.725-.406-1.033-.916l.679-1.439.098-.206.418-.884a1.052 1.052 0 0 1-.041-.085.278.278 0 0 0-.504 0l-.46.97z"
/>
<path
fill="#e83d62"
d="M42.12 36.989v-9.673a.505.505 0 0 1 1.01 0 .503.503 0 1 1 1.006 0 .503.503 0 1 1 1.006 0v9.673z"
/>
<path
fill="#ce2955"
d="M42.122 27.316v9.672h3.02v-.665h-.528a1.78 1.78 0 0 1-1.78-1.78v-7.686a.503.503 0 0 0-.713.46z"
/>
<path
fill="#e4e3ff"
d="M42.12 36.708v1.75c0 .42.341.76.761.76h1.5c.42 0 .761-.34.761-.76v-1.75z"
/>
<path
fill="#474646"
d="M42.12 37.374v1.08c0 .422.343.764.764.764h1.497c.42 0 .761-.34.761-.76v-1.084z"
/>
<path
fill="#2d2c2c"
d="M42.12 37.373v1.08c0 .424.343.766.763.766h1.499a.76.76 0 0 0 .662-.389.772.772 0 0 1-.285.055h-1.498a.763.763 0 0 1-.763-.763v-.75z"
/>
<path
fill="#e83d62"
d="M42.92 25.535a1.224 1.224 0 0 0 1.426 0c-.168-.353-.335-.7-.462-.97a.278.278 0 0 0-.505 0z"
/>
<path
fill="#ce2955"
d="M42.92 25.535c.143.102.308.175.489.206l.098-.206.418-.884a1.052 1.052 0 0 1-.041-.085.278.278 0 0 0-.504 0z"
/>
<path
fill="#ffaf93"
d="M39.122 27.179c.769 1.27 1.76 1.27 2.978 0l-.775-1.644c-.167-.353-.334-.7-.462-.97a.278.278 0 0 0-.504 0l-.46.97z"
/>
<path
fill="#ee8778"
d="M39.12 27.18c.463.76 1.002 1.065 1.623.916-.38-.098-.726-.406-1.033-.916l.678-1.439.098-.206.419-.884a1.053 1.053 0 0 1-.041-.085.278.278 0 0 0-.504 0l-.46.97z"
/>
<path
fill="#46cc6b"
d="M39.1 36.989v-9.673a.505.505 0 0 1 1.01 0 .503.503 0 1 1 1.006 0 .503.503 0 1 1 1.006 0v9.673z"
/>
<path
fill="#179c5f"
d="M39.102 27.316v9.672h3.02v-.665h-.528a1.78 1.78 0 0 1-1.78-1.78v-7.686a.503.503 0 0 0-.713.46z"
/>
<path
fill="#e4e3ff"
d="M39.1 36.708v1.75c0 .42.34.76.761.76h1.5c.42 0 .76-.34.76-.76v-1.75z"
/>
<path
fill="#474646"
d="M39.1 37.374v1.08c0 .422.342.764.764.764h1.497c.42 0 .76-.34.76-.76v-1.084z"
/>
<path
fill="#2d2c2c"
d="M39.1 37.373v1.08c0 .424.342.766.763.766h1.498a.76.76 0 0 0 .663-.389.772.772 0 0 1-.285.055H40.24a.763.763 0 0 1-.763-.763v-.75z"
/>
<path
fill="#46cc6b"
d="M39.9 25.535a1.224 1.224 0 0 0 1.425 0c-.167-.353-.334-.7-.462-.97a.278.278 0 0 0-.504 0z"
/>
<path
fill="#179c5f"
d="M39.9 25.535c.143.102.308.175.488.206l.098-.206.419-.884a1.053 1.053 0 0 1-.041-.085.278.278 0 0 0-.504 0z"
/>
<path
fill="#ffaf93"
d="M36.101 27.179c.77 1.27 1.76 1.27 2.979 0l-.775-1.644c-.167-.353-.335-.7-.462-.97a.278.278 0 0 0-.505 0l-.459.97z"
/>
<path
fill="#ee8778"
d="M36.1 27.18c.463.76 1.002 1.065 1.623.916-.38-.098-.726-.406-1.033-.916l.678-1.439.098-.206.418-.884a1.052 1.052 0 0 1-.04-.085.278.278 0 0 0-.505 0l-.46.97z"
/>
<path
fill="#fcb73e"
d="M36.08 36.989v-9.673a.505.505 0 0 1 1.01 0 .503.503 0 1 1 1.005 0 .503.503 0 1 1 1.006 0v9.673z"
/>
<path
fill="#fd982e"
d="M36.081 27.316v9.672h3.02v-.665h-.527a1.78 1.78 0 0 1-1.78-1.78v-7.686a.503.503 0 0 0-.713.46z"
/>
<path
fill="#e4e3ff"
d="M36.08 36.708v1.75c0 .42.34.76.76.76h1.5c.42 0 .761-.34.761-.76v-1.75z"
/>
<path
fill="#474646"
d="M36.08 37.374v1.08c0 .422.342.764.764.764h1.497c.42 0 .76-.34.76-.76v-1.084z"
/>
<path
fill="#2d2c2c"
d="M36.08 37.373v1.08c0 .424.342.766.762.766h1.499a.76.76 0 0 0 .662-.389.772.772 0 0 1-.285.055H37.22a.763.763 0 0 1-.763-.763v-.75z"
/>
<path
fill="#fcb73e"
d="M36.88 25.535a1.224 1.224 0 0 0 1.425 0c-.167-.353-.335-.7-.462-.97a.278.278 0 0 0-.505 0z"
/>
<path
fill="#fd982e"
d="M36.88 25.535c.142.102.307.175.488.206l.098-.206.418-.884a1.052 1.052 0 0 1-.04-.085.278.278 0 0 0-.505 0z"
/>
<path
fill="#deddff"
d="M31.742 30.023v9.599c0 .71.574 1.287 1.285 1.287h14.998c.711 0 1.288-.576 1.288-1.287v-9.6zm3.703 4.34c0-1.321 2.276-2.394 5.081-2.394 2.808 0 5.08 1.073 5.08 2.394s-2.272 2.394-5.08 2.394c-2.805 0-5.081-1.072-5.081-2.394z"
/>
<path
fill="#c6c6f7"
d="M32.893 39.624v-9.6h-1.15v9.6c0 .71.571 1.282 1.281 1.282h1.15c-.71 0-1.281-.572-1.281-1.282z"
/>
<path
fill="#f9b972"
d="M48.813 43.331H4.187a1.687 1.687 0 0 1 0-3.375h44.625a1.687 1.687 0 1 1 0 3.375z"
/>
<path
fill="#e59a61"
d="M8.531 43.326h-4.34c-.94 0-1.69-.75-1.69-1.68s.75-1.69 1.69-1.69h4.34c-.93 0-1.69.76-1.69 1.69s.76 1.68 1.69 1.68z"
/>
<path fill="#f9b972" d="M5.125 43.331h42.75v7.012H5.125z" />
<path
fill="#e59a61"
d="M47.871 43.326v1.71h-35.48a5.31 5.31 0 0 0-5.31 5.31h-1.96v-7.02z"
/>
<path
fill="#ffaf93"
d="M28.36 16.091c.852 1.408 1.95 1.408 3.301 0 0 0-.438-.926-.86-1.823-.184-.39-.37-.775-.511-1.075a.309.309 0 0 0-.56 0l-.508 1.075z"
/>
<path
fill="#ee8778"
d="M28.358 16.092c.513.843 1.11 1.18 1.799 1.016-.422-.11-.805-.45-1.146-1.016l.752-1.594.11-.229.463-.98a1.166 1.166 0 0 1-.046-.095.308.308 0 0 0-.558 0l-.51 1.075z"
/>
<path
fill="#65b9ff"
d="M28.336 25.479v-9.236a.56.56 0 0 1 1.119 0 .557.557 0 1 1 1.114 0 .557.557 0 1 1 1.116 0v9.236z"
/>
<path
fill="#3e7fff"
d="M28.337 16.243v9.122a1.674 1.674 0 1 0 3.348 0v-.624H31.1a1.972 1.972 0 0 1-1.973-1.973v-7.034a.558.558 0 0 0-.79.51z"
/>
<path
fill="#65b9ff"
d="M29.222 14.268a1.357 1.357 0 0 0 1.58 0l-.512-1.075a.309.309 0 0 0-.56 0z"
/>
<path
fill="#3e7fff"
d="M29.222 14.27c.158.112.341.192.541.228l.11-.229.463-.98a1.166 1.166 0 0 1-.046-.095.308.308 0 0 0-.558 0z"
/>
</svg>
More icons in the same style and category