Spinner

<svg
    xmlns="http://www.w3.org/2000/svg"
    width="100"
    height="100"
    viewBox="0 0 512 512"
>
    <path
        d="M456.357 276.704c-6.912-4-14.368-7.136-22.816-9.536-.672-.192-1.408-.32-2.176-.448-67.744-19.072-100.928-77.44-82.624-145.824 0 0 0-.032.032-.064.16-.672.288-1.312.384-1.952A92.794 92.794 0 0 0 352.005 96c0-52.928-43.072-96-96-96s-96 43.072-96 96c0 7.584.896 15.072 2.72 21.248.032 1.216.224 2.4.544 3.616 18.304 68.384-14.784 126.72-82.496 145.856-.768.064-1.536.256-2.304.448-8.416 2.4-15.84 5.536-22.848 9.568-45.696 26.656-61.536 85.536-35.264 131.232 12.8 22.272 33.536 38.208 58.336 44.864 24.736 6.72 50.688 3.296 73.024-9.568 6.336-3.68 12.48-8.416 18.624-14.368.384-.32.768-.672 1.152-1.024 50.56-50.56 118.496-50.56 169.056 0 .384.384.736.704 1.152 1.024 5.952 5.824 12.192 10.624 18.656 14.4 14.816 8.544 31.264 12.864 47.872 12.864 8.384 0 16.8-1.088 25.088-3.328 24.8-6.656 45.504-22.592 58.304-44.864 26.304-45.696 10.464-104.576-35.264-131.264z"
        fill="#607d8b"
    />
    <circle cx="256.005" cy="272" r="64" fill="#455a64" />
    <circle cx="256.005" cy="96" r="48" fill="#eceff1" />
    <path
        d="M145.157 336c-13.248-22.912-42.656-30.848-65.568-17.568C56.677 331.648 48.773 361.088 62.021 384c6.432 11.104 16.768 19.072 29.152 22.368 4.128 1.088 8.32 1.664 12.512 1.664 8.32 0 16.544-2.176 23.936-6.464 22.88-13.216 30.752-42.624 17.536-65.568zM432.421 318.432c-11.072-6.432-24.064-8.096-36.416-4.8-12.416 3.328-22.752 11.296-29.12 22.368-13.248 22.912-5.376 52.32 17.536 65.568 7.52 4.384 15.776 6.432 23.904 6.432 16.64 0 32.768-8.64 41.664-24 13.248-22.912 5.344-52.352-17.568-65.568z"
        fill="#eceff1"
    />
    <path
        d="M486.405 206.08c-7.04 0-13.472-4.672-15.424-11.744-9.6-34.912-28.256-67.264-53.952-93.536-6.176-6.336-6.048-16.448.256-22.624 6.368-6.144 16.512-6.048 22.624.256 29.472 30.144 50.88 67.296 61.952 107.424 2.336 8.544-2.688 17.344-11.2 19.68-1.44.352-2.848.544-4.256.544zM25.605 206.08c-1.408 0-2.848-.192-4.256-.576-8.512-2.336-13.504-11.136-11.168-19.68 11.04-40.128 32.448-77.248 61.888-107.424 6.176-6.304 16.288-6.4 22.624-.256 6.304 6.176 6.432 16.288.256 22.624-25.664 26.304-44.32 58.624-53.92 93.568-1.952 7.072-8.384 11.744-15.424 11.744zM256.005 512c-21.152 0-42.08-2.656-62.24-7.872-8.576-2.208-13.696-10.976-11.456-19.52a15.935 15.935 0 0 1 19.488-11.456c35.104 9.12 73.28 9.12 108.48 0 8.672-2.208 17.28 2.976 19.488 11.488s-2.944 17.28-11.488 19.488c-20.192 5.216-41.152 7.872-62.272 7.872zM424.965 223.68c-7.04 0-13.504-4.672-15.424-11.776-6.752-24.736-20.096-47.904-38.624-67.008-6.112-6.336-5.984-16.48.384-22.624 6.336-6.176 16.48-5.952 22.624.352 22.24 22.976 38.336 50.912 46.496 80.832 2.304 8.544-2.688 17.344-11.232 19.648-1.408.416-2.848.576-4.224.576zM87.077 223.68c-1.376 0-2.816-.16-4.224-.576C74.309 220.8 69.285 212 71.621 203.488c8.128-29.92 24.224-57.856 46.496-80.832 6.144-6.368 16.288-6.528 22.592-.384 6.368 6.144 6.528 16.288.384 22.624-18.528 19.104-31.872 42.304-38.592 67.008-1.952 7.104-8.416 11.776-15.424 11.776zM256.005 448c-15.744 0-30.944-1.952-46.528-5.952-8.576-2.176-13.728-10.912-11.52-19.456 2.208-8.576 11.04-13.76 19.456-11.52 25.92 6.624 51.296 6.624 77.184 0 8.448-2.176 17.28 3.008 19.456 11.52 2.176 8.576-2.976 17.28-11.52 19.456-15.584 4-30.784 5.952-46.528 5.952z"
        fill="#607d8b"
    />
</svg>