import * as React from 'react'
import { SVGProps } from 'react'
const OnlineIcon = (props: SVGProps<SVGSVGElement>) => (
  <svg
    fill="currentColor"
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 30 30"
    role="img"
    {...props}
  >
    <path d="M 7.5683594 4.5800781 A 1.0001 1.0001 0 0 0 6.9492188 4.8027344 C 3.9400567 7.1819208 2 10.868527 2 15 C 2 19.131473 3.9400567 22.818079 6.9492188 25.197266 A 1.0005079 1.0005079 0 0 0 8.1894531 23.626953 C 5.6386152 21.61014 4 18.506527 4 15 C 4 11.493473 5.6386152 8.3898604 8.1894531 6.3730469 A 1.0001 1.0001 0 0 0 7.5683594 4.5800781 z M 22.402344 4.5800781 A 1.0001 1.0001 0 0 0 21.810547 6.3730469 C 24.361385 8.3898604 26 11.493473 26 15 C 26 18.506527 24.361385 21.61014 21.810547 23.626953 A 1.0005078 1.0005078 0 1 0 23.050781 25.197266 C 26.059943 22.818079 28 19.131473 28 15 C 28 10.868527 26.059943 7.1819208 23.050781 4.8027344 A 1.0001 1.0001 0 0 0 22.402344 4.5800781 z M 10.664062 8.5019531 A 1.0001 1.0001 0 0 0 10.046875 8.7246094 C 8.1956729 10.187767 7 12.459612 7 15 C 7 17.540388 8.1956729 19.812233 10.046875 21.275391 A 1.0001 1.0001 0 1 0 11.285156 19.705078 C 9.8923587 18.604235 9 16.915612 9 15 C 9 13.084388 9.8923587 11.395765 11.285156 10.294922 A 1.0001 1.0001 0 0 0 10.664062 8.5019531 z M 19.306641 8.5019531 A 1.0001 1.0001 0 0 0 18.714844 10.294922 C 20.107642 11.395765 21 13.084388 21 15 C 21 16.915612 20.107642 18.604235 18.714844 19.705078 A 1.0001 1.0001 0 1 0 19.953125 21.275391 C 21.804327 19.812233 23 17.540388 23 15 C 23 12.459612 21.804327 10.187767 19.953125 8.7246094 A 1.0001 1.0001 0 0 0 19.306641 8.5019531 z M 15 12 A 3 3 0 0 0 12 15 A 3 3 0 0 0 15 18 A 3 3 0 0 0 18 15 A 3 3 0 0 0 15 12 z" />
  </svg>
)
export default OnlineIcon
