Add icons to this collection by clicking the heart icon.
Crayons icon - also known as art, education, kids, crayons, and art and design. Created in a clean lineal 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>
        <clipPath id="b" clipPathUnits="userSpaceOnUse">
            <path d="M0 512h512V0H0Z" />
        </clipPath>
        <clipPath id="c" clipPathUnits="userSpaceOnUse">
            <path d="M0 512h512V0H0Z" />
        </clipPath>
        <clipPath id="d" 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-90.156 58.336-21.213-21.213 58.337-90.156"
            transform="translate(118.927 446.164)"
            fill="none"
            stroke="#000"
            stroke-width="15"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
    </g>
    <path
        d="m0 0 74.246 74.247"
        transform="matrix(1.33333 0 0 -1.33333 517.18 616.098)"
        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 74.246 74.246"
        transform="matrix(1.33333 0 0 -1.33333 488.897 587.814)"
        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 74.246 74.246"
        transform="matrix(1.33333 0 0 -1.33333 460.612 559.53)"
        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-126.407 126.407 74.246 74.246L74.246 74.246"
        transform="matrix(1.33333 0 0 -1.33333 242.26 341.177)"
        fill="none"
        stroke="#000"
        stroke-width="15"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke-miterlimit="10"
        stroke-dasharray="none"
        stroke-opacity="1"
    />
    <g clip-path="url(#b)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
        <path
            d="m0 0 174.254-174.253-74.246-74.247L-52.326-96.167"
            transform="translate(330.305 256)"
            fill="none"
            stroke="#000"
            stroke-width="15"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
    </g>
    <path
        d="m0 0-74.246-74.246"
        transform="matrix(1.33333 0 0 -1.33333 229.28 130.208)"
        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-74.246-74.246"
        transform="matrix(1.33333 0 0 -1.33333 257.565 158.492)"
        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-74.246-74.246"
        transform="matrix(1.33333 0 0 -1.33333 285.849 186.777)"
        fill="none"
        stroke="#000"
        stroke-width="15"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke-miterlimit="10"
        stroke-dasharray="none"
        stroke-opacity="1"
    />
    <g clip-path="url(#c)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
        <path
            d="m0 0 90.156 58.336 21.213-21.213-58.337-90.156"
            transform="translate(393.19 446.164)"
            fill="none"
            stroke="#000"
            stroke-width="15"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
    </g>
    <path
        d="m0 0-74.363 74.363"
        transform="matrix(1.33333 0 0 -1.33333 165.641 616.098)"
        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-74.363 74.363"
        transform="matrix(1.33333 0 0 -1.33333 193.926 587.814)"
        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-74.363 74.363"
        transform="matrix(1.33333 0 0 -1.33333 222.21 559.53)"
        fill="none"
        stroke="#000"
        stroke-width="15"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke-miterlimit="10"
        stroke-dasharray="none"
        stroke-opacity="1"
    />
    <g clip-path="url(#d)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
        <path
            d="m0 0 375.142 374.907 74.246-74.246L74.363-74.363Z"
            transform="translate(7.441 81.863)"
            fill="none"
            stroke="#000"
            stroke-width="15"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
    </g>
    <path
        d="m0 0 74.246-74.246"
        transform="matrix(1.33333 0 0 -1.33333 453.542 130.208)"
        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 74.246-74.246"
        transform="matrix(1.33333 0 0 -1.33333 425.258 158.492)"
        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 74.246-74.246"
        transform="matrix(1.33333 0 0 -1.33333 396.973 186.777)"
        fill="none"
        stroke="#000"
        stroke-width="15"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke-miterlimit="10"
        stroke-dasharray="none"
        stroke-opacity="1"
    />
</svg>
More icons in the same style and category