Case Study

<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="471.779"
        y2="40.22"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#6c54a3" />
        <stop offset="1" stop-color="#00b1d2" />
    </linearGradient>
    <path
        fill="url(#a)"
        fill-rule="evenodd"
        d="M420.633 328.142a52.276 52.276 0 1 1-52.268-52.278 52.33 52.33 0 0 1 52.268 52.278zm-120.554 0a68.276 68.276 0 1 0 68.286-68.281 68.36 68.36 0 0 0-68.286 68.281zM241.14 76.944a8 8 0 0 1 8-8h.01a8 8 0 1 1-8.011 8zm42.22 0a8 8 0 0 1 8-8h52.33a8 8 0 1 1 0 16h-52.33a8 8 0 0 1-8-8zm-22.278 0a8 8 0 1 1 8.011 8h-.009a8 8 0 0 1-8-8zm-153.271 0a8 8 0 0 1 7.992-8h.009a8 8 0 1 1-8 8zm-32.076 0a8 8 0 0 1 8-8h.009a8 8 0 1 1-8 8zm-32.072 0a8 8 0 0 1 8-8 8 8 0 1 1-8 8zM24.089 56.223A8.1 8.1 0 0 0 16 64.314V97.65h367.41V64.441a8.309 8.309 0 0 0-8.176-8.218zm278.373 206.021a93.121 93.121 0 0 1 80.948-26.014V113.652H16v221.421a8.1 8.1 0 0 0 8.086 8.086h252.357a93.134 93.134 0 0 1 26.019-80.915zm143.091 65.9a77.2 77.2 0 0 0-131.782-54.58 77.191 77.191 0 1 0 131.782 54.58zm6.562 71.909a.465.465 0 0 1 .283.122l43.5 43.489a.494.494 0 0 1 0 .613l-11.417 11.389c0 .028-.094.118-.283.118s-.283-.09-.283-.118l-43.522-43.493a.446.446 0 0 1 0-.609l11.394-11.389a.4.4 0 0 1 .33-.122zM24.089 359.162h256.4a93.212 93.212 0 0 0 148.073 40.072l.769.77-.264.25a16.451 16.451 0 0 0 0 23.225l43.521 43.5a16.436 16.436 0 0 0 23.212 0l11.417-11.4a16.511 16.511 0 0 0 0-23.231l-43.5-43.488a16.445 16.445 0 0 0-23.07-.175l-.788-.788a93.16 93.16 0 0 0-40.45-147.61V64.441a24.227 24.227 0 0 0-24.175-24.221H24.089A24.123 24.123 0 0 0 0 64.314v270.759a24.119 24.119 0 0 0 24.085 24.089zm168.383-135.481c-6.251-6.412-10.818-19.622-7.672-30.619 1.845-6.4 8.813-9.322 14.512-9.322s12.682 2.92 14.508 9.322c3.58 12.5-1.968 25.769-9.016 31.912-1.793 1.556-5.992 5.217-12.332-1.293zm39.9 16.4c12.667 3.53 18.866 8.049 19.786 24.146.009.222.019.444.009.651l-.018.7c-.152 6.218-.218 9.058-.208 15.479a8 8 0 0 1-7.983 8.011h-.018a8 8 0 0 1-8-7.992c-.009-6.619.062-9.53.222-15.889l.009-.359c-.3-4.774-1-6.223-1.4-6.661-.967-1.09-4.977-2.213-6.7-2.68-14.578-4.072-17.579-4.652-18.149-4.732a7.943 7.943 0 0 1-6.8-5.869l-.472-1.769a21.771 21.771 0 0 1-3.222.269 22.116 22.116 0 0 1-2.779-.189l-.448 1.689a7.993 7.993 0 0 1-6.841 5.878c-.528.071-3.528.651-18.111 4.723-1.708.467-5.728 1.59-6.7 2.68-.4.438-1.1 1.887-1.4 6.661l.024.458c.137 6.128.217 9.2.208 15.79a8 8 0 0 1-8 7.992h-.009a8 8 0 0 1-7.987-8.011c.009-6.383-.062-9.209-.213-15.394l-.019-.788c0-.207 0-.429.01-.651.92-16.1 7.119-20.616 19.791-24.16 7.35-2.047 12.007-3.288 15.059-4.038l.038-.16c-.349-.331-.689-.67-1.038-1.019-11.111-11.413-15.989-30.841-11.592-46.2 3.534-12.308 15.824-20.909 29.892-20.909s26.359 8.6 29.892 20.909c5.388 18.8-2.222 36.87-12.072 46.683l.179.7c3.052.75 7.713 1.991 15.064 4.052zm-32.714 67.408a79.084 79.084 0 1 1 79.089-79.079 79.175 79.175 0 0 1-79.089 79.079zm0-174.171a95.085 95.085 0 1 1-95.091 95.092 95.206 95.206 0 0 1 95.094-95.089z"
    />
</svg>