Design Process

<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>
    </defs>
    <g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
        <path
            d="M0 0c48.16 0 87.193-29.708 87.193-66.332 0-29.679-25.596-54.822-60.945-63.298L0-164.921l-26.249 35.291c-35.349 8.476-60.945 33.619-60.945 63.298C-87.194-29.708-48.161 0 0 0Z"
            transform="translate(94.694 498.137)"
            fill="none"
            stroke="#000"
            stroke-width="15.024"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0c-12.388-19.729-30.331-35.604-51.647-45.412v-39.033h-99.978v39.033c-41.245 18.964-69.903 60.634-69.903 108.993 0 6.179.482 12.217 1.361 18.142m9.808 32.427c19.077 40.933 60.576 69.308 108.709 69.308 66.216 0 119.877-53.66 119.877-119.877 0-11.31-1.56-22.252-4.479-32.599"
            transform="translate(347.715 190.038)"
            fill="none"
            stroke="#000"
            stroke-width="15.024"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M196.09 63.867h99.978v41.726H196.09Z"
            fill="none"
            stroke="#000"
            stroke-width="15.024"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0c0-27.609-22.394-50.004-50.003-50.004S-99.978-27.609-99.978 0z"
            transform="translate(296.067 63.867)"
            fill="none"
            stroke="#000"
            stroke-width="15.024"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="m0 0 59.868-117.128L119.764 0M-9.043-5.272 13.918 8.164 36.907-5.272 59.868 8.164 82.857-5.272l22.96 13.436 22.99-13.436M59.868-117.128v-41.755"
            transform="translate(186.196 264.476)"
            fill="none"
            stroke="#000"
            stroke-width="15.024"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0h65.593M0-55.587h48.926M0-27.779h65.593"
            transform="translate(61.898 459.584)"
            fill="none"
            stroke="#000"
            stroke-width="15.024"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0h-75.6c-21.345 0-38.835 17.462-38.835 38.835v215.973"
            transform="translate(152.407 84.73)"
            fill="none"
            stroke="#000"
            stroke-width="15.024"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0h75.571c21.374 0 38.836 17.461 38.836 38.807v84.955"
            transform="translate(339.013 84.248)"
            fill="none"
            stroke="#000"
            stroke-width="15.024"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="m0 0 23.556-23.557L0-47.112"
            transform="translate(128.852 108.286)"
            fill="none"
            stroke="#000"
            stroke-width="15.024"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="m0 0 23.557 23.557L47.112 0"
            transform="translate(429.863 184.453)"
            fill="none"
            stroke="#000"
            stroke-width="15.024"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0h-112.224v-124.641M7.54-238.934h138.672V0H33.987"
            transform="translate(358.288 498.137)"
            fill="none"
            stroke="#000"
            stroke-width="15.024"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
        <path
            d="M0 0h36.737v164.523H-7.455V18.425m-33.959 41.103v51.618h-44.164V80.901m200.438 54.51H70.697V0h44.163z"
            transform="translate(360.64 289.08)"
            fill="none"
            stroke="#000"
            stroke-width="15.024"
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-miterlimit="10"
            stroke-dasharray="none"
            stroke-opacity="1"
        />
    </g>
</svg>