Add icons to this collection by clicking the heart icon.
Art And Design icon - also known as art, painting, painter, paint, canvas, tools, tool, easel, artistic, and art and design. Created in a clean lineal color style with a white, black, orange, and pink 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>
        <clipPath id="b" clipPathUnits="userSpaceOnUse">
            <path d="M0 512h512V0H0Z" />
        </clipPath>
    </defs>
    <path
        d="m0 0-60-248.5L0-497h45V0Z"
        transform="matrix(1.33333 0 0 -1.33333 612.667 10)"
        fill="#bfebff"
        fill-opacity="1"
        fill-rule="nonzero"
        stroke="none"
    />
    <path
        d="m0 0-60-248.5L0-497h30V0Z"
        transform="matrix(1.33333 0 0 -1.33333 572.667 10)"
        fill="#dff5ff"
        fill-opacity="1"
        fill-rule="nonzero"
        stroke="none"
    />
    <path
        d="M7.5 7.5h422v497H7.5Z"
        transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
        fill="#fff"
        fill-opacity="1"
        fill-rule="nonzero"
        stroke="none"
    />
    <path
        d="M0 0v-377l166 30v317z"
        transform="matrix(1.33333 0 0 -1.33333 90 90)"
        fill="#ffd19c"
        fill-opacity="1"
        fill-rule="nonzero"
        stroke="none"
    />
    <path
        d="M0 0v-317l166-30V30Z"
        transform="matrix(1.33333 0 0 -1.33333 311.333 130)"
        fill="#ff9259"
        fill-opacity="1"
        fill-rule="nonzero"
        stroke="none"
    />
    <path
        d="M0 0h-332l166-158.5z"
        transform="matrix(1.33333 0 0 -1.33333 532.667 90)"
        fill="#ffb17b"
        fill-opacity="1"
        fill-rule="nonzero"
        stroke="none"
    />
    <path
        d="M0 0h332L166 158.5Z"
        transform="matrix(1.33333 0 0 -1.33333 90 592.667)"
        fill="#ffb17b"
        fill-opacity="1"
        fill-rule="nonzero"
        stroke="none"
    />
    <path
        d="m0 0-90-158.5L0-317h30V0Z"
        transform="matrix(1.33333 0 0 -1.33333 452.667 130)"
        fill="#ffe17c"
        fill-opacity="1"
        fill-rule="nonzero"
        stroke="none"
    />
    <path
        d="M97.5 97.5h242v317h-242z"
        transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
        fill="#fff0be"
        fill-opacity="1"
        fill-rule="nonzero"
        stroke="none"
    />
    <path
        d="M0 0h15"
        transform="matrix(1.33333 0 0 -1.33333 301.333 632.667)"
        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"
        transform="matrix(1.33333 0 0 -1.33333 50 331.333)"
        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"
        transform="matrix(1.33333 0 0 -1.33333 50 572.667)"
        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 0v15"
        transform="matrix(1.33333 0 0 -1.33333 50 110)"
        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"
        transform="matrix(1.33333 0 0 -1.33333 572.667 331.333)"
        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"
        transform="matrix(1.33333 0 0 -1.33333 572.667 572.667)"
        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 0v15"
        transform="matrix(1.33333 0 0 -1.33333 572.667 110)"
        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 0h15"
        transform="matrix(1.33333 0 0 -1.33333 301.333 50)"
        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(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
        <path
            d="M504.5 7.5H7.5v497h497z"
            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="M399.5 67.5h-332v377h332z"
        transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
        fill="none"
        stroke="#000"
        stroke-width="15"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke-miterlimit="10"
        stroke-dasharray="none"
        stroke-opacity="1"
    />
    <path
        d="M369.5 97.5h-272v317h272z"
        transform="matrix(1.33333 0 0 -1.33333 0 682.667)"
        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 0v-30"
            transform="translate(459.5 37.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 0v-437"
            transform="translate(459.5 504.5)"
            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-30 30"
        transform="matrix(1.33333 0 0 -1.33333 130 130)"
        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 30 30"
        transform="matrix(1.33333 0 0 -1.33333 492.667 130)"
        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 30-30"
        transform="matrix(1.33333 0 0 -1.33333 492.667 552.667)"
        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 30 30"
        transform="matrix(1.33333 0 0 -1.33333 90 592.667)"
        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