Add icons to this collection by clicking the heart icon.
Crayon icon - also known as art, write, draw, pen, crayon, and art and design. Created in a clean lineal color style, 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 0h-82.574c-3.061 0-4.28-2.806-5.584-5.583l-29.962-63.366 29.962-68.922H5.584V-5.583C5.584-2.522 3.061 0 0 0"
transform="translate(484.743 363.222)"
fill="#f6f9fa"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c-6.265-.085-12.473-4.251-15.449-12.526l-25.852-49.707L-.652-74.845l41.953 12.612-25.852 49.707C12.472-4.251 6.236-.085 0 0"
transform="translate(349.728 425.455)"
fill="#6bd9e7"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h-82.602c-3.061 0-5.556-2.522-5.556-5.583l-29.622-56.111 29.622-76.177 50.995-23.408 42.719 23.408V-5.583C5.556-2.522 3.062 0 0 0"
transform="translate(391.029 363.222)"
fill="#f6f9fa"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M302.871 320.939h-93.742v-38.854h93.742z"
fill="#fdb440"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c-6.236-.085-12.444-4.251-15.449-12.526l-25.823-49.707h82.573L15.449-12.526C12.473-4.251 6.265-.085 0 0"
transform="translate(255.986 425.455)"
fill="#fdb440"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0H-88.158l-21.741-83.006 21.741-74.872H5.584l28.489 76.742L5.584-5.583C4.479-2.721 3.062 0 0 0"
transform="translate(297.287 363.222)"
fill="#f6f9fa"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M209.129 282.086h93.742v38.854h-93.742z"
fill="#fdb440"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c-6.265-.085-12.472-4.251-15.449-12.526l-25.852-49.707 45.355-17.06 37.219 17.06-25.852 49.707C12.444-4.251 6.236-.085 0 0"
transform="translate(162.272 481)"
fill="#80d261"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h-82.574c-3.061 0-5.584-2.493-5.584-5.555v-187.861H5.584V-5.555C5.584-2.493 3.061 0 0 0"
transform="translate(203.545 418.767)"
fill="#f6f9fa"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h-93.742v-38.853H0v25.562z"
transform="translate(209.129 376.513)"
fill="#80d261"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="m0 0-25.852 49.707c-2.977 8.275-9.185 12.441-15.421 12.526-5.811-.056-11.622-3.684-14.797-10.853.256-.539.482-1.077.681-1.673L-29.537 0Z"
transform="translate(203.545 418.767)"
fill="#4fc122"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h-29.537c3.061 0 5.584-2.493 5.584-5.555v-36.699H5.584v36.699C5.584-2.493 3.061 0 0 0"
transform="translate(203.545 418.767)"
fill="#d7e7ec"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h-29.537v-38.853H0v25.562z"
transform="translate(209.129 376.513)"
fill="#4fc122"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h-22.847v-112.31H6.69V0Z"
transform="translate(202.439 337.66)"
fill="#d7e7ec"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c-6.236-.085-12.473-4.251-15.449-12.526l-25.852-49.707L0-77.225l41.301 14.992-25.852 49.707C12.472-4.251 6.236-.085 0 0"
transform="translate(68.53 425.455)"
fill="#fe636e"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="m0 0-25.852 49.707c-2.977 8.275-9.213 12.441-15.449 12.526-4.677-.056-9.326-2.409-12.614-7.056 1.105-1.559 2.069-3.401 2.834-5.47L-25.229 0h5.557z"
transform="translate(109.831 363.222)"
fill="#fb2a39"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h-82.602c-3.061 0-5.556-2.522-5.556-5.583V-157.878H5.556L38.381-81.73 5.556 0Z"
transform="translate(109.831 363.222)"
fill="#f6f9fa"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M115.387 282.086H21.674v-56.735h93.713z"
fill="#f6f9fa"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M115.387 320.939H21.674v-38.854h93.713z"
fill="#fe636e"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h-19.672v-42.282H5.556V0Z"
transform="translate(109.831 363.222)"
fill="#d7e7ec"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M115.387 320.939H90.159v-38.854h25.228z"
fill="#fb2a39"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M115.387 282.086H90.159v-56.735h25.228z"
fill="#d7e7ec"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="m0 0 25.852 49.707c2.977 8.275 9.213 12.441 15.449 12.526 6.236-.085 12.472-4.251 15.449-12.526L82.602 0"
transform="translate(27.229 363.222)"
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-88.158c-3.061 0-5.555-2.522-5.555-5.583v-132.288H0"
transform="translate(115.387 363.222)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M21.673 282.086h93.713v38.854H21.673Z"
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 25.852 49.707c2.977 8.275 9.184 12.441 15.449 12.526 6.236-.085 12.444-4.251 15.421-12.526L82.574 0"
transform="translate(120.971 418.767)"
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 0v187.861c0 3.062-2.523 5.555-5.584 5.555h-82.574c-3.061 0-5.584-2.493-5.584-5.555V0Z"
transform="translate(209.129 225.35)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M115.387 337.66h93.742v38.853h-93.742z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M490.327 320.939h-93.742v-38.854h93.742z"
fill="#fcd79b"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c-6.236-.085-12.444-4.251-15.42-12.526l-25.852-49.707h82.573L15.449-12.526C12.473-4.251 6.265-.085 0 0"
transform="translate(443.441 425.455)"
fill="#fcd79b"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h-497v-146.826c0-7.794 6.378-14.17 14.173-14.17h468.654c7.795 0 14.173 6.376 14.173 14.17z"
transform="translate(504.5 191.996)"
fill="#f6f9fa"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M396.584 320.939h-93.713v-38.854h93.713z"
fill="#6bd9e7"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c-7.795 0-14.173-6.376-14.173-14.169v-29.189h497v29.189C482.827-6.376 476.449 0 468.653 0Z"
transform="translate(21.673 225.35)"
fill="#fe636e"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c-2.976 8.275-9.184 12.441-15.449 12.526C-21.685 12.441-27.893 8.275-30.897 0l-1.248-2.437 24.577-47.27h33.42z"
transform="translate(271.435 412.929)"
fill="#fe9900"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h-33.42c3.061 0 5.555-2.522 5.555-5.583v-36.699H5.584v36.699C4.479-2.721 3.062 0 0 0"
transform="translate(297.287 363.222)"
fill="#d7e7ec"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M302.871 320.939h-33.449v-38.854h33.449z"
fill="#fe9900"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M302.871 282.086h-33.449v-56.735h33.449z"
fill="#d7e7ec"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="m0 0 25.824 49.707c3.004 8.275 9.212 12.441 15.448 12.526 6.265-.085 12.473-4.251 15.449-12.526L82.573 0"
transform="translate(214.713 363.222)"
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 0v132.288c0 3.061-2.523 5.583-5.584 5.583h-88.158"
transform="translate(302.871 225.35)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M209.129 282.086h93.742v38.854h-93.742z"
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 24.662-47.412h33.25L32.06 2.295c-2.977 8.275-9.185 12.441-15.449 12.526C10.375 14.736 4.167 10.57 1.19 2.295Z"
transform="translate(426.83 410.634)"
fill="#fbc56c"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0v-36.699h33.25V0c0 3.061-2.522 5.583-5.583 5.583H-5.584C-2.523 5.583 0 3.061 0 0"
transform="translate(457.076 357.639)"
fill="#d7e7ec"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M457.076 282.086h33.25v38.854h-33.25z"
fill="#fbc56c"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M457.076 225.351h33.25v56.735h-33.25z"
fill="#d7e7ec"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="m0 0-1.247-2.408 24.605-47.299H56.75L30.898 0c-2.977 8.275-9.213 12.441-15.449 12.526C9.185 12.441 2.977 8.275 0 0"
transform="translate(334.279 412.929)"
fill="#00c7dd"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0V-33.922h33.364V2.777c0 3.061-2.494 5.583-5.556 5.583H-5.584C-2.523 8.36 0 5.838 0 2.777Z"
transform="translate(363.22 354.861)"
fill="#d7e7ec"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0v-38.854H33.364V0H15.988Z"
transform="translate(363.22 320.94)"
fill="#00c7dd"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M363.221 225.351h33.364v56.735h-33.364z"
fill="#d7e7ec"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="m0 0 25.852 49.707c2.977 8.275 9.185 12.441 15.449 12.526 6.236-.085 12.472-4.251 15.449-12.526L82.602 0"
transform="translate(308.427 363.222)"
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 0v132.288c0 3.061-2.494 5.583-5.556 5.583h-82.602c-3.061 0-5.555-2.522-5.555-5.583V0Z"
transform="translate(396.584 225.35)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M302.871 282.086h93.713v38.854h-93.713z"
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 25.852 49.707c2.977 8.275 9.184 12.441 15.42 12.526 6.265-.085 12.473-4.251 15.45-12.526L82.574 0"
transform="translate(402.169 363.222)"
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 0v132.288c0 3.061-2.523 5.583-5.584 5.583h-82.574c-3.061 0-5.584-2.522-5.584-5.583V0Z"
transform="translate(490.327 225.35)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M396.584 282.086h93.742v38.854h-93.742z"
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-25.937c7.795 0 14.173-6.376 14.173-14.169v-29.189h59.188v29.189C47.424-6.376 41.046 0 33.25 0Z"
transform="translate(457.076 225.35)"
fill="#fb2a39"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0v-136.822c0-7.794-6.378-14.17-14.173-14.17h59.187c7.796 0 14.174 6.376 14.174 14.17V0Z"
transform="translate(445.313 181.992)"
fill="#d7e7ec"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h468.653c7.796 0 14.174-6.376 14.174-14.169v-166.012c0-7.794-6.378-14.17-14.174-14.17H0c-7.795 0-14.173 6.376-14.173 14.17v166.012C-14.173-6.376-7.795 0 0 0Z"
transform="translate(21.673 225.35)"
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 0h233.689m-497 0h229.324"
transform="translate(270.811 181.992)"
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-288.029c-14.117 0-25.654-11.534-25.654-25.619 0-14.112 11.537-25.647 25.654-25.647H0c14.088 0 25.625 11.535 25.625 25.647C25.625-11.534 14.088 0 0 0"
transform="translate(400.015 137.046)"
fill="#6bd9e7"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h-54.369c14.089 0 25.625-11.534 25.625-25.619 0-14.112-11.536-25.647-25.625-25.647H0c14.088 0 25.625 11.535 25.625 25.647C25.625-11.534 14.088 0 0 0"
transform="translate(400.015 137.046)"
fill="#00c7dd"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h-128.892c-14.116 0-25.653 11.534-25.653 25.646 0 14.085 11.537 25.62 25.653 25.62h288.03c14.088 0 25.625-11.535 25.625-25.62C184.763 11.534 173.226 0 159.138 0H33.619"
transform="translate(240.877 85.78)"
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