Makeup Palette

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 32 32"
>
    <linearGradient
        id="a"
        x1="-.26"
        x2="31.08"
        y1="9.63"
        y2="9.63"
        gradientTransform="rotate(45 16.635 9.627)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#7738c8" />
        <stop offset="1" stop-color="#461d93" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="-.26"
        x2="31.08"
        y1="7.13"
        y2="7.13"
        gradientTransform="rotate(45 14.129 7.13)"
        href="#a"
    />
    <linearGradient id="c" x1="-.26" x2="31.08" y1="23" y2="23" href="#a" />
    <linearGradient id="d" x1="-.26" x2="31.08" y1="16" y2="16" href="#a" />
    <path
        fill="url(#a)"
        d="M12.97 8.63h7.3v2h-7.3z"
        transform="rotate(-45 16.617 9.63)"
    />
    <path
        fill="url(#b)"
        d="M12.24 6.13h3.77v2h-3.77z"
        transform="rotate(-45 14.12 7.125)"
    />
    <g fill="url(#c)">
        <path
            d="M7.5 19.5A3.5 3.5 0 1 0 11 23a3.5 3.5 0 0 0-3.5-3.5zm0 5A1.5 1.5 0 1 1 9 23a1.5 1.5 0 0 1-1.5 1.5zM16 19.5a3.5 3.5 0 1 0 3.5 3.5 3.5 3.5 0 0 0-3.5-3.5zm0 5a1.5 1.5 0 1 1 1.5-1.5 1.5 1.5 0 0 1-1.5 1.5zM24.5 19.5A3.5 3.5 0 1 0 28 23a3.5 3.5 0 0 0-3.5-3.5zm0 5A1.5 1.5 0 1 1 26 23a1.5 1.5 0 0 1-1.5 1.5z"
        />
    </g>
    <path
        fill="url(#d)"
        d="M30 1H2a1 1 0 0 0-1 1v28a1 1 0 0 0 1 1h28a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zm-1 2v12H3V3zM3 29V17h26v12z"
    />
</svg>