Add icons to this collection by clicking the heart icon.
Crayon icon - also known as education, draw, colors, colours, crayon, pencils, pencil 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-51.591v-23.563a4.992 4.992 0 0 1 4.992-4.992h41.607A4.992 4.992 0 0 1 0-23.563z"
transform="translate(81.945 36.055)"
fill="#feeeb9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a8.368 8.368 0 0 1-8.242-6.918l-17.554-99.692h51.591L8.242-6.918A8.368 8.368 0 0 1 0 0"
transform="translate(56.15 504.5)"
fill="#feeeb9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-51.591v-23.563a4.992 4.992 0 0 1 4.991-4.992h41.608A4.992 4.992 0 0 1 0-23.563z"
transform="translate(181.87 36.055)"
fill="#feeeb9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a8.368 8.368 0 0 1-8.242-6.918l-17.553-99.692h51.591L8.242-6.918A8.368 8.368 0 0 1 0 0"
transform="translate(156.075 504.5)"
fill="#b2e5fb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-51.591v-23.563a4.992 4.992 0 0 1 4.991-4.992h41.608A4.992 4.992 0 0 1 0-23.563z"
transform="translate(181.87 36.055)"
fill="#b2e5fb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-51.591v-23.563a4.992 4.992 0 0 1 4.991-4.992h41.608A4.992 4.992 0 0 1 0-23.563z"
transform="translate(181.87 36.055)"
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-51.592v-23.563a4.993 4.993 0 0 1 4.992-4.992h41.608A4.992 4.992 0 0 1 0-23.563z"
transform="translate(281.796 36.055)"
fill="#feeeb9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a8.368 8.368 0 0 1-8.242-6.918l-17.554-99.692h51.592L8.242-6.918A8.368 8.368 0 0 1 0 0"
transform="translate(256 504.5)"
fill="#cdafeb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-51.592v-23.563a4.993 4.993 0 0 1 4.992-4.992h41.608A4.992 4.992 0 0 1 0-23.563z"
transform="translate(281.796 36.055)"
fill="#cdafeb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-51.592v-23.563a4.993 4.993 0 0 1 4.992-4.992h41.608A4.992 4.992 0 0 1 0-23.563z"
transform="translate(281.796 36.055)"
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-51.591v-23.563a4.992 4.992 0 0 1 4.991-4.992h41.608A4.992 4.992 0 0 1 0-23.563z"
transform="translate(381.72 36.055)"
fill="#92e0c4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a8.368 8.368 0 0 1-8.242-6.918l-17.554-99.692h51.591L8.242-6.918A8.368 8.368 0 0 1 0 0"
transform="translate(355.925 504.5)"
fill="#92e0c4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-51.591v-23.563a4.992 4.992 0 0 1 4.991-4.992h41.608A4.992 4.992 0 0 1 0-23.563z"
transform="translate(481.646 36.055)"
fill="#feeeb9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a8.368 8.368 0 0 1-8.242-6.918l-17.553-99.692h51.591L8.242-6.918A8.368 8.368 0 0 1 0 0"
transform="translate(455.85 504.5)"
fill="#f6c4f1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-51.591v-23.563a4.992 4.992 0 0 1 4.991-4.992h41.608A4.992 4.992 0 0 1 0-23.563z"
transform="translate(481.646 36.055)"
fill="#f6c4f1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-51.591v-23.563a4.992 4.992 0 0 1 4.991-4.992h41.608A4.992 4.992 0 0 1 0-23.563z"
transform="translate(481.646 36.055)"
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-54.2a2.025 2.025 0 0 0-2.025 2.025v359.81h58.25V2.025A2.025 2.025 0 0 0 0 0"
transform="translate(482.95 36.055)"
fill="#ed87da"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-359.81a2.025 2.025 0 0 0-2.025-2.025h30c1.118 0 2.025.907 2.025 2.025V0Z"
transform="translate(454.975 397.89)"
fill="#e963cf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M484.975 168.698h-58.25v138.069h58.25z"
fill="#f6c4f1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M454.975 168.698h30v138.069h-30z"
fill="#f1a9e6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-54.2a2.025 2.025 0 0 0-2.025 2.025v359.81h58.25V2.025A2.025 2.025 0 0 0 0 0"
transform="translate(383.025 36.055)"
fill="#77d1b3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-359.81a2.025 2.025 0 0 0-2.025-2.025h30c1.118 0 2.025.907 2.025 2.025V0Z"
transform="translate(355.05 397.89)"
fill="#67b59f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M385.05 168.698H326.8v138.069h58.25z"
fill="#92e0c4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M355.05 168.698h30v138.069h-30z"
fill="#77d1b3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-54.2a2.025 2.025 0 0 0-2.025 2.025v359.81h58.25V2.025A2.025 2.025 0 0 0 0 0"
transform="translate(283.1 36.055)"
fill="#cdafeb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-359.81a2.025 2.025 0 0 0-2.025-2.025h30c1.118 0 2.025.907 2.025 2.025V0Z"
transform="translate(255.125 397.89)"
fill="#bd96e4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M285.125 168.698h-58.25v138.069h58.25z"
fill="#ddc9f1"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M255.125 168.698h30v138.069h-30z"
fill="#cdafeb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-54.2a2.025 2.025 0 0 0-2.025 2.025v359.81h58.25V2.025A2.025 2.025 0 0 0 0 0"
transform="translate(183.175 36.055)"
fill="#91dafa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-359.81a2.025 2.025 0 0 0-2.025-2.025h30c1.118 0 2.025.907 2.025 2.025V0Z"
transform="translate(155.2 397.89)"
fill="#75cff9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M185.2 168.698h-58.25v138.069h58.25Z"
fill="#b2e5fb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M155.2 168.698h30v138.069h-30z"
fill="#91dafa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-54.2a2.025 2.025 0 0 0-2.025 2.025v359.81H2.024V2.025A2.024 2.024 0 0 0 0 0"
transform="translate(83.25 36.055)"
fill="#feeeb9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-359.81a2.025 2.025 0 0 0-2.025-2.025h30c1.118 0 2.025.907 2.025 2.025V0Z"
transform="translate(55.275 397.89)"
fill="#ffe37b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M85.274 168.698h-58.25v138.069h58.25z"
fill="#fffcf0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M55.275 168.698h30v138.069h-30z"
fill="#fff3c9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v117.977h58.25v-359.81a2.025 2.025 0 0 0-2.025-2.025h-54.2A2.025 2.025 0 0 0 0-241.833V-40"
transform="translate(27.025 279.913)"
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-51.591v-23.563a4.992 4.992 0 0 1 4.992-4.992h41.607A4.992 4.992 0 0 1 0-23.563z"
transform="translate(81.945 36.055)"
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 0v0a8.368 8.368 0 0 1-8.242-6.918l-17.554-99.692h51.591L8.242-6.918A8.368 8.368 0 0 1 0 0Z"
transform="translate(56.15 504.5)"
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-54.2a2.025 2.025 0 0 0-2.025 2.025v359.81h58.25V2.025A2.025 2.025 0 0 0 0 0Z"
transform="translate(183.175 36.055)"
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 0v0a8.368 8.368 0 0 1-8.242-6.918l-17.553-99.692h51.591L8.242-6.918A8.368 8.368 0 0 1 0 0Z"
transform="translate(156.075 504.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M185.2 168.698h-58.25v138.069h58.25Z"
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-15.058a2.025 2.025 0 0 0-2.025-2.025h-54.2a2.025 2.025 0 0 0-2.025 2.025v359.81H0V30"
transform="translate(285.125 53.139)"
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 0v0a8.368 8.368 0 0 1-8.242-6.918l-17.554-99.692h51.592L8.242-6.918A8.368 8.368 0 0 1 0 0Z"
transform="translate(256 504.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M285.125 168.698h-58.25v138.069h58.25z"
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-54.2a2.025 2.025 0 0 0-2.025 2.025v359.81h58.25V2.025A2.025 2.025 0 0 0 0 0Z"
transform="translate(383.025 36.055)"
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-51.591v-23.563a4.992 4.992 0 0 1 4.991-4.992h41.608A4.992 4.992 0 0 1 0-23.563z"
transform="translate(381.72 36.055)"
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 0v0a8.368 8.368 0 0 1-8.242-6.918l-17.554-99.692h51.591L8.242-6.918A8.368 8.368 0 0 1 0 0Z"
transform="translate(355.925 504.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M385.05 168.698H326.8v138.069h58.25z"
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-54.2a2.025 2.025 0 0 0-2.025 2.025v359.81h58.25V2.025A2.025 2.025 0 0 0 0 0Z"
transform="translate(482.95 36.055)"
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 0v0a8.368 8.368 0 0 1-8.242-6.918l-17.553-99.692h51.591L8.242-6.918A8.368 8.368 0 0 1 0 0Z"
transform="translate(455.85 504.5)"
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-51.591"
transform="translate(481.646 168.698)"
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 0h51.591"
transform="translate(430.055 306.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 0h58.25"
transform="translate(27.025 306.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 0h53.294"
transform="translate(27.025 168.698)"
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