Interoperability

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="a"
        x1="256"
        x2="256"
        y1="512"
        y2="0"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#5558ff" />
        <stop offset="1" stop-color="#00c0ff" />
    </linearGradient>
    <path
        d="M436.378 15 497 50v70l-60.622 35-60.622-35V50l60.622-35zM15 50v70l60.622 35 60.622-35V50L75.622 15 15 50zm360.756 342v70l60.622 35L497 462v-70l-60.622-35-60.622 35zm60.624-104.282v-63.436M196.245 436.38h119.51M75.62 224.282v63.436M315.755 75.62h-119.51M15 392v70l60.622 35 60.622-35v-70l-60.622-35L15 392zm241-176c-22.091 0-40 17.909-40 40s17.909 40 40 40 40-17.909 40-40-17.909-40-40-40zm88.048-43.445-59.079 55.991m-117.017-55.991 59.079 55.991m57.938 54.908 59.079 55.991m-176.096 0 59.079-55.991"
        fill="none"
        stroke="url(#a)"
        stroke-width="30"
        stroke-linecap="round"
        stroke-linejoin="round"
        stroke-miterlimit="10"
    />
</svg>