Add icons to this collection by clicking the heart icon.
Crayons icon - also known as art, painting, education, school, draw, learning, and crayons. 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>
        <clipPath id="b" clipPathUnits="userSpaceOnUse">
            <path d="M0 512h512V0H0Z" />
        </clipPath>
        <clipPath id="c" clipPathUnits="userSpaceOnUse">
            <path d="M0 512h512V0H0Z" />
        </clipPath>
    </defs>
    <path
        d="M298.587 336.832h-85.174V110.303h85.174z"
        transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
        fill="none"
        stroke="#020288"
        stroke-width="20"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke-miterlimit="10"
        stroke-dasharray="none"
        stroke-opacity="1"
    />
    <g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
        <path
            d="M0 0v-424.395h85.174V0L52.922 67.605h-20.67z"
            transform="translate(213.413 434.394)"
            fill="none"
            stroke="#020288"
            stroke-width="20"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
    </g>
    <path
        d="M0 0h-78.07"
        transform="matrix(1.33333 0 0 -1.33333 393.38 105.4)"
        fill="none"
        stroke="#020288"
        stroke-width="20"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke-miterlimit="10"
        stroke-dasharray="none"
        stroke-opacity="1"
    />
    <path
        d="M168.062 336.832H82.887V110.303h85.175z"
        transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
        fill="#e2c4ff"
        fill-opacity="1"
        fill-rule="nonzero"
        stroke="none"
    />
    <g clip-path="url(#b)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
        <path
            d="M0 0v-424.395h85.175V0L52.922 67.605h-20.67z"
            transform="translate(82.888 434.394)"
            fill="none"
            stroke="#020288"
            stroke-width="20"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
    </g>
    <path
        d="M0 0h-78.069"
        transform="matrix(1.33333 0 0 -1.33333 219.346 105.4)"
        fill="none"
        stroke="#020288"
        stroke-width="20"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke-miterlimit="10"
        stroke-dasharray="none"
        stroke-opacity="1"
    />
    <path
        d="M429.112 336.832h-85.175V110.303h85.175z"
        transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
        fill="#e2c4ff"
        fill-opacity="1"
        fill-rule="nonzero"
        stroke="none"
    />
    <g clip-path="url(#c)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
        <path
            d="M0 0v-424.395h85.175V0L52.923 67.605h-20.67z"
            transform="translate(343.938 434.394)"
            fill="none"
            stroke="#020288"
            stroke-width="20"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
    </g>
    <path
        d="M0 0h-78.069"
        transform="matrix(1.33333 0 0 -1.33333 567.413 105.4)"
        fill="none"
        stroke="#020288"
        stroke-width="20"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke-miterlimit="10"
        stroke-dasharray="none"
        stroke-opacity="1"
    />
    <path
        d="M0 0v112.596"
        transform="matrix(1.33333 0 0 -1.33333 167.3 454.8)"
        fill="none"
        stroke="#020288"
        stroke-width="20"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke-miterlimit="10"
        stroke-dasharray="none"
        stroke-opacity="1"
    />
    <path
        d="M0 0v112.596"
        transform="matrix(1.33333 0 0 -1.33333 341.333 454.8)"
        fill="none"
        stroke="#020288"
        stroke-width="20"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke-miterlimit="10"
        stroke-dasharray="none"
        stroke-opacity="1"
    />
    <path
        d="M0 0v112.596"
        transform="matrix(1.33333 0 0 -1.33333 515.367 454.8)"
        fill="none"
        stroke="#020288"
        stroke-width="20"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke-miterlimit="10"
        stroke-dasharray="none"
        stroke-opacity="1"
    />
</svg>
More icons in the same style and category