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 with a white, silver, black, red, olive, 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="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-23.656-71.745c-1.446-4.395-1.899-5.585-1.984-9.015l39.692-10.8 29.549 10.8c-.113 3.43-.567 4.62-2.012 9.015L17.933 0c-1.728 4.847-5.354 7.256-8.953 7.256C5.354 7.256 1.728 4.847 0 0"
transform="translate(351.376 487.096)"
fill="#7bacdf"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="m0 0-69.297.057v-12.615l-13.797-49.691 13.797-53.234c2.889 2.948 5.807 6.717 9.831 11.139l46.037 50.968c1.757 1.928 2.521 2.126 4.137 2.098 3.087-.057 6.204 0 9.292 0z"
transform="translate(395.005 366.565)"
fill="#7bacdf"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="m0 0 17.849-54.113c1.444-4.395 1.869-5.585 1.983-9.015h29.577c-.113 3.43-.567 4.62-2.012 9.015L23.741 17.632c-1.728 4.847-5.354 7.256-8.952 7.256-3.626 0-7.253-2.409-8.981-7.256z"
transform="translate(345.568 469.464)"
fill="#3987d0"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0v-61.257L16.149-43.37c1.756 1.928 2.521 2.126 4.136 2.098 3.088-.057 6.204 0 9.293 0V0L0 .028Z"
transform="translate(365.428 366.565)"
fill="#3987d0"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h-69.241c-.028-.737-.028-1.56-.028-2.551v-37.163l69.297-.057v37.22C.028-1.56 0-.737 0 0"
transform="translate(394.977 406.336)"
fill="#f3eae6"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c.028-.737.028-1.56.028-2.551v-37.191l29.578-.029v37.22c0 .991-.028 1.814-.028 2.551z"
transform="translate(365.4 406.336)"
fill="#cdbeb9"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="m0 0-23.798-71.717c-1.757-5.329-2.012-5.952-2.012-11.565l36.377-11.99 33.317 11.99c0 5.613-.255 6.236-2.04 11.565L18.075 0c-1.757 4.848-5.411 7.285-9.038 7.285C5.383 7.285 1.756 4.848 0 0"
transform="translate(212.102 437.29)"
fill="#fea610"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="m0 0-23.798-71.717c-1.757-5.329-2.04-5.952-2.04-11.565l34.847-11.99 34.875 11.99c0 5.613-.283 6.236-2.04 11.565L18.046 0c-1.756 4.848-5.382 7.285-9.037 7.285C5.383 7.285 1.728 4.848 0 0"
transform="translate(281.824 437.29)"
fill="#fd4755"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="m0 0 17.82-53.717c1.785-5.329 2.04-5.952 2.04-11.565h30.002c0 5.613-.255 6.236-2.04 11.565L24.053 18c-1.757 4.848-5.411 7.285-9.038 7.285-3.654 0-7.281-2.437-9.037-7.285z"
transform="translate(206.124 419.29)"
fill="#fe7600"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="m0 0 17.82-53.717c1.757-5.329 2.012-5.952 2.012-11.565h30.03c0 5.613-.283 6.236-2.04 11.565L24.024 18c-1.756 4.848-5.382 7.285-9.037 7.285-3.626 0-7.281-2.437-9.009-7.285z"
transform="translate(275.846 419.29)"
fill="#e41e2b"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h-69.666l-10.199-26.476 10.199-47.197c4.193-4.478 8.443-6.916 17.311-6.916H.028V0Z"
transform="translate(255.958 324.3)"
fill="#fea610"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h-69.722l-11.984-37.049 11.984-43.54h51.194c9.179 0 13.825 2.636 18.528 7.37z"
transform="translate(325.708 324.3)"
fill="#fd4755"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0v-60.605h30.002V0h-.028z"
transform="translate(225.983 314.295)"
fill="#fe7600"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0v-60.605h11.502c9.18 0 13.826 2.636 18.529 7.398V0H16.234Z"
transform="translate(295.677 314.295)"
fill="#e41e2b"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h-70.119v-71.489h3.626c10.398 0 10.426-1.447 19.69-11.821l36.972-41.245c4.193-4.676 6.998-8.589 9.831-11.593v103.379z"
transform="translate(186.292 386.776)"
fill="#bbec6a"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="m0 0-23.798-70.242c-1.757-5.329-2.436-4.904-2.436-10.517l33.571-9.213 36.547 9.213c-.141 3.685-.283 3.685-2.04 9.014L18.046 0c-1.728 4.848-5.382 7.257-9.037 7.257C5.383 7.257 1.728 4.848 0 0"
transform="translate(142.408 497.243)"
fill="#bbec6a"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="m0 0-6.035-17.83 17.877-53.915c1.757-5.329 1.898-5.329 2.04-9.014h30.002c-.141 3.685-.283 3.685-2.04 9.014L18.046 0c-1.728 4.848-5.382 7.257-9.037 7.257C5.383 7.257 1.728 4.848 0 0"
transform="translate(142.408 497.243)"
fill="#97d729"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0V-59.272l20.171-22.507c4.194-4.678 6.998-8.589 9.831-11.594V22.763H0Z"
transform="translate(156.29 354.008)"
fill="#97d729"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h-34.677c-3.229 0-6.459-.057-9.689 0-1.615.028-2.38-.17-4.136-2.098L-94.54-53.064c-10.51-11.623-13.514-18.54-28.359-18.54h-103.578c-14.845 0-16.715 6.889-27.141 18.54l-36.971 41.244C-299.854-1.445-299.882 0-310.279 0h-37.907c-3.23 0-5.893-2.664-5.893-5.924v-305.944c0-3.26 2.663-5.925 5.893-5.925H0c3.258 0 5.921 2.665 5.921 5.925V-5.924C5.921-2.664 3.258 0 0 0"
transform="translate(430.079 325.293)"
fill="#f3eae6"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h-60.033c-5.326 0-9.689-4.365-9.689-9.694V-96.86c0-5.329 4.363-9.695 9.689-9.695H0Z"
transform="translate(186.292 206.833)"
fill="#bbec6a"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h-69.694l-15.001-53.277 15.001-53.278H0Z"
transform="translate(255.986 206.833)"
fill="#fea610"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h-69.722l-15.001-56.333 15.001-50.222H0Z"
transform="translate(325.708 206.833)"
fill="#fd4755"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h-60.005l-13.797-50.833 13.797-55.722H0c5.326 0 9.689 4.366 9.689 9.695v87.166C9.689-4.365 5.326 0 0 0"
transform="translate(385.713 206.833)"
fill="#7bacdf"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h-360v-39.997c0-3.26 2.663-5.925 5.893-5.925H-5.921c3.258 0 5.921 2.665 5.921 5.925z"
transform="translate(436 53.422)"
fill="#c5e3ff"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0v-265.947h23.996V0c0 3.26-2.663 5.924-5.921 5.924H-5.921C-2.663 5.924 0 3.26 0 0"
transform="translate(412.004 319.37)"
fill="#cdbeb9"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h-23.996v-39.997c0-3.26-2.663-5.925-5.921-5.925h23.996c3.258 0 5.921 2.665 5.921 5.925z"
transform="translate(436 53.422)"
fill="#8ac9fe"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M156.29 100.278h30.002v106.555H156.29Z"
fill="#97d729"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M225.983 100.278h30.002v106.555h-30.002z"
fill="#fe7600"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M295.677 100.278h30.031v106.555h-30.031z"
fill="#e41e2b"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0v-106.555h20.313c5.327 0 9.689 4.366 9.689 9.695v87.166C30.002-4.365 25.64 0 20.313 0Z"
transform="translate(365.4 206.833)"
fill="#3987d0"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h-69.694v-39.713H0Z"
transform="translate(255.986 354.008)"
fill="#f3eae6"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M325.708 354.008h-69.722v-39.713h69.722z"
fill="#f3eae6"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h-30.002v-39.713H0Z"
transform="translate(255.986 354.008)"
fill="#cdbeb9"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h-30.031v-39.713H0Z"
transform="translate(325.708 354.008)"
fill="#cdbeb9"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M186.292 416.484h-70.119V376.77h70.119z"
fill="#f3eae6"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0v-39.714h30.002V0Z"
transform="translate(156.29 416.484)"
fill="#cdbeb9"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0v106.555m0 53.801v155.85c-.142 3.685-.283 3.685-2.04 9.014l-23.798 71.745c-1.728 4.847-5.383 7.257-9.037 7.257-3.626 0-7.281-2.41-9.009-7.257l-23.799-70.242c-1.756-5.329-2.436-4.905-2.436-10.517"
transform="translate(186.292 100.278)"
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-106.555M69.694 46.856v100.319c0 5.613-.255 6.236-2.04 11.565l-23.77 71.717c-1.756 4.848-5.411 7.285-9.037 7.285-3.655 0-7.281-2.437-9.037-7.285L2.011 158.74C.255 153.411 0 152.788 0 147.175"
transform="translate(186.292 206.833)"
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 0v106.555m-69.722 0V0M0 253.729c0 5.614-.283 6.237-2.04 11.566l-23.798 71.717c-1.756 4.847-5.383 7.285-9.037 7.285-3.626 0-7.281-2.438-9.009-7.285l-23.798-71.717c-1.757-5.329-2.04-5.952-2.04-11.566"
transform="translate(325.708 100.278)"
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 0v78.492c0 5.612-.283 6.236-2.04 11.566l-23.656 71.745c-1.728 4.846-5.355 7.256-8.953 7.256-3.626 0-7.252-2.41-8.98-7.256l-23.657-71.745c-1.756-5.33-2.011-5.954-2.011-11.566V-64.205"
transform="translate(395.005 325.293)"
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 0v91.191"
transform="translate(116.173 325.293)"
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-69.297.057m.028 39.714H-.028"
transform="translate(395.005 366.565)"
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-69.666m0 39.713H.028"
transform="translate(255.958 314.295)"
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-69.75m.028 39.713H0"
transform="translate(325.708 314.295)"
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-70.119m0 39.714H0"
transform="translate(186.292 376.77)"
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 0h166.104m-360 0h159.275"
transform="translate(269.897 53.422)"
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 0h129.727c5.326 0 9.689-4.365 9.689-9.694V-96.86c0-5.329-4.363-9.695-9.689-9.695h-259.454c-5.326 0-9.689 4.366-9.689 9.695v87.166c0 5.329 4.363 9.694 9.689 9.694zm-179.986-3.827v-189.581c0-3.26 2.663-5.925 5.893-5.925h348.186c3.258 0 5.921 2.665 5.921 5.925v305.944c0 3.26-2.663 5.924-5.921 5.924h-34.677c-3.229 0-6.459-.057-9.689 0-1.615.028-2.38-.17-4.136-2.098L79.553 65.396c-10.511-11.623-13.514-18.54-28.359-18.54H-52.384c-14.845 0-16.715 6.889-27.141 18.54l-36.972 41.244c-9.264 10.375-9.292 11.82-19.69 11.82h-37.906c-3.23 0-5.893-2.664-5.893-5.924V30.812"
transform="translate(255.986 206.833)"
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