Sun Block

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="100"
    height="100"
    viewBox="0 0 512 512"
>
    <path
        d="M64 21.333v248.896c0 4.616 1.497 9.107 4.267 12.8L128 362.667V384h256v-21.333l59.733-79.637a21.331 21.331 0 0 0 4.267-12.8V21.333C448 9.551 438.449 0 426.667 0H85.333C73.551 0 64 9.551 64 21.333z"
        fill="#ccf2fe"
    />
    <path
        d="M110.933 283.029a21.331 21.331 0 0 1-4.267-12.8V21.333C106.667 9.551 116.218 0 128 0H85.333C73.551 0 64 9.551 64 21.333v248.896c0 4.616 1.497 9.107 4.267 12.8L128 362.667V384h42.667v-21.333l-59.734-79.638z"
        fill="#b3ecfd"
    />
    <path
        d="M384 362.667H128v128c0 11.782 9.551 21.333 21.333 21.333h213.333c11.782 0 21.333-9.551 21.333-21.333v-128z"
        fill="#99e6fd"
    />
    <path
        d="M256 469.333c-23.564 0-42.667 19.103-42.667 42.667h85.333c.001-23.564-19.102-42.667-42.666-42.667zM170.667 490.667v-128H128v128c0 11.782 9.551 21.333 21.333 21.333H192c-11.782 0-21.333-9.551-21.333-21.333z"
        fill="#67d9fb"
    />
    <linearGradient
        id="a"
        x1="-36.824"
        x2="-32.582"
        y1="635.363"
        y2="639.606"
        gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#34cdfa" />
        <stop offset="1" stop-color="#e8d9f1" />
    </linearGradient>
    <circle cx="256" cy="192" r="64" fill="url(#a)" />
    <path d="M234.667 64h42.667v42.667h-42.667z" fill="#34cdfa" />
    <path
        d="M159.239 95.261h42.667v42.667h-42.667z"
        transform="rotate(134.999 180.574 116.595)"
        fill="#34cdfa"
    />
    <path d="M128 170.667h42.667v42.667H128z" fill="#34cdfa" />
    <path
        d="M159.223 246.094h42.667v42.667h-42.667z"
        transform="rotate(134.999 180.558 267.428)"
        fill="#34cdfa"
    />
    <path d="M234.667 277.333h42.667V320h-42.667z" fill="#34cdfa" />
    <path
        d="M310.071 246.073h42.667v42.667h-42.667z"
        transform="rotate(134.999 331.406 267.407)"
        fill="#34cdfa"
    />
    <path d="M341.333 170.667H384v42.667h-42.667z" fill="#34cdfa" />
    <path
        d="M310.087 95.262h42.667v42.667h-42.667z"
        transform="rotate(134.999 331.422 116.595)"
        fill="#34cdfa"
    />
</svg>