Smartwatch App

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="512"
    height="512"
    viewBox="0 0 512 512"
>
    <linearGradient
        id="b"
        x1="256"
        x2="256"
        y1="1.949"
        y2="506.473"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#50b8ff" />
        <stop offset=".384" stop-color="#359dff" />
        <stop offset=".747" stop-color="#238aff" />
        <stop offset="1" stop-color="#1c83ff" />
    </linearGradient>
    <linearGradient
        id="c"
        x1="184.087"
        x2="444.877"
        y1="191.055"
        y2="451.845"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset=".002" stop-color="#027fd3" />
        <stop offset=".965" stop-color="#027fd3" stop-opacity="0" />
    </linearGradient>
    <linearGradient id="a">
        <stop offset="0" stop-color="#d1d8e5" />
        <stop offset="1" stop-color="#7c8eb0" />
    </linearGradient>
    <linearGradient
        id="d"
        x1="249.042"
        x2="249.042"
        y1="364.732"
        y2="430.151"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="249.042"
        x2="249.042"
        y1="-6799.862"
        y2="-6734.442"
        gradientTransform="matrix(1 0 0 -1 0 -6652.594)"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#7c8eb0" />
        <stop offset="1" stop-color="#d1d8e5" />
    </linearGradient>
    <linearGradient
        id="f"
        x1="249.034"
        x2="249.034"
        y1="149.085"
        y2="363.798"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#e0eeff" />
        <stop offset=".851" stop-color="#9bc6ff" />
        <stop offset="1" stop-color="#8ebfff" />
    </linearGradient>
    <linearGradient
        id="g"
        x1="356.858"
        x2="356.858"
        y1="197.56"
        y2="234.025"
        gradientUnits="userSpaceOnUse"
        href="#a"
    />
    <linearGradient
        id="h"
        x1="216.022"
        x2="227.318"
        y1="213.241"
        y2="237.672"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fff5a9" />
        <stop offset=".006" stop-color="#fff5a8" />
        <stop offset=".489" stop-color="#ffda58" />
        <stop offset=".832" stop-color="#ffc925" />
        <stop offset="1" stop-color="#ffc312" />
    </linearGradient>
    <linearGradient
        id="i"
        x1="249.034"
        x2="249.034"
        y1="208.779"
        y2="298.229"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset=".215" stop-color="#e0eeff" />
        <stop offset=".389" stop-color="#d3e7ff" />
        <stop offset=".707" stop-color="#b2d4ff" />
        <stop offset="1" stop-color="#8ebfff" />
    </linearGradient>
    <linearGradient
        id="j"
        x1="211.395"
        x2="211.395"
        y1="239.116"
        y2="301.248"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset=".095" stop-color="#e0eeff" />
        <stop offset=".671" stop-color="#e0eeff" stop-opacity="0" />
    </linearGradient>
    <path
        fill="url(#b)"
        d="M512 256c-1.5 85.6-16.6 154.5-59.7 196.3-41.8 43.1-110.7 58.2-196.3 59.7-85.6-1.5-154.5-16.6-196.3-59.7C16.6 410.5 1.5 341.6 0 256c1.5-85.6 16.6-154.5 59.7-196.3C101.5 16.6 170.4 1.5 256 0c85.6 1.5 154.5 16.6 196.3 59.7 43.1 41.8 58.2 110.7 59.7 196.3z"
    />
    <path
        fill="url(#c)"
        d="M295.5 88.4c-2.5-4.7-7.4-7.8-12.9-7.8h-67.3c-6.6 0-12.3 4.4-14 10.8l-7.8 29.2c-3.2 12.2-11.7 22.2-22.8 28.1h.1c-13.4 6.8-22.7 20.7-22.7 36.8v141.1c0 12.9 6 24.5 15.3 32 1.8 2.2 27.3 27.7 29 29.2l1.2 3.6 7.8 29.2c1.1 4 3.8 7.3 7.3 9.1.7 1.4 41.1 42 80.1 81 70.5-4.6 127.3-20.9 163.6-58.4 35.1-34.1 51.6-86.1 57.4-150.6-82.3-82.4-212.5-212.4-214.3-213.3z"
    />
    <path
        fill="url(#d)"
        d="M308.7 367.8H189.4c-6.7 0-13.1-1.6-18.7-4.5 11.2 5.9 19.7 15.9 22.9 28.1l7.8 29.2c1.7 6.4 7.5 10.8 14 10.8h67.3c6.6 0 12.4-4.4 14.1-10.8l7.8-29.2c3.3-12.2 11.7-22.2 23-28.1-5.8 2.8-12.1 4.5-18.9 4.5z"
    />
    <path
        fill="url(#e)"
        d="M308.7 144.2H189.4c-6.7 0-13.1 1.6-18.7 4.5 11.2-5.9 19.7-15.9 22.9-28.1l7.8-29.2c1.7-6.4 7.5-10.8 14-10.8h67.3c6.6 0 12.4 4.4 14.1 10.8l7.8 29.2c3.3 12.2 11.7 22.2 23 28.1-5.8-2.8-12.1-4.5-18.9-4.5z"
    />
    <path
        fill="url(#f)"
        d="M308.7 367.8H189.4c-22.7 0-41.2-18.4-41.2-41.2V185.4c0-22.7 18.4-41.2 41.2-41.2h119.3c22.7 0 41.2 18.4 41.2 41.2v141.1c0 22.8-18.5 41.3-41.2 41.3z"
    />
    <path
        fill="url(#g)"
        d="M355 234.7h-5.1v-38h5.1c4.9 0 8.8 4 8.8 8.8v20.3c0 4.9-3.9 8.9-8.8 8.9z"
    />
    <circle cx="228.4" cy="240.1" r="29.3" fill="url(#h)" />
    <path
        fill="url(#i)"
        d="M272.5 210.8c-21 0-38.6 14.3-43.7 33.7-5-3.3-10.9-5.3-17.3-5.3-17.2 0-31.1 13.9-31.1 31.1s13.9 31.1 31.1 31.1h61.1c25 0 45.2-20.3 45.2-45.2s-20.3-45.4-45.3-45.4z"
    />
    <circle cx="211.4" cy="270.2" r="31.1" fill="url(#j)" />
</svg>