OrbIcon.tsx

import { IconProps } from '../IconProps';

const OrbIcon = (props: IconProps) => (
  <svg viewBox="0 0 20 20" className={props.className} fill={props.color}>
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M7.66669 5.33333C8.95535 5.33333 10 4.28866 10 3C10 1.71133 8.95535 0.666664 7.66669 0.666664C6.37802 0.666664 5.33335 1.71133 5.33335 3C5.33335 4.28866 6.37802 5.33333 7.66669 5.33333ZM10 13.5C11.933 13.5 13.5 11.933 13.5 10C13.5 8.067 11.933 6.5 10 6.5C8.06702 6.5 6.50002 8.067 6.50002 10C6.50002 11.933 8.06702 13.5 10 13.5ZM15.8334 3C15.8334 4.28866 14.7887 5.33333 13.5 5.33333C12.2114 5.33333 11.1667 4.28866 11.1667 3C11.1667 1.71133 12.2114 0.666664 13.5 0.666664C14.7887 0.666664 15.8334 1.71133 15.8334 3ZM12.3334 19.3333C13.622 19.3333 14.6667 18.2887 14.6667 17C14.6667 15.7113 13.622 14.6667 12.3334 14.6667C11.0447 14.6667 10 15.7113 10 17C10 18.2887 11.0447 19.3333 12.3334 19.3333ZM8.83335 17C8.83335 18.2887 7.78868 19.3333 6.50002 19.3333C5.21136 19.3333 4.16669 18.2887 4.16669 17C4.16669 15.7113 5.21136 14.6667 6.50002 14.6667C7.78868 14.6667 8.83335 15.7113 8.83335 17ZM3.00002 8.83333C4.28869 8.83333 5.33335 7.78866 5.33335 6.5C5.33335 5.21133 4.28869 4.16666 3.00002 4.16666C1.71136 4.16666 0.666687 5.21133 0.666687 6.5C0.666687 7.78866 1.71136 8.83333 3.00002 8.83333ZM5.33335 12.3333C5.33335 13.622 4.28869 14.6667 3.00002 14.6667C1.71136 14.6667 0.666687 13.622 0.666687 12.3333C0.666687 11.0447 1.71136 10 3.00002 10C4.28869 10 5.33335 11.0447 5.33335 12.3333ZM17 10C18.2887 10 19.3334 8.95533 19.3334 7.66666C19.3334 6.378 18.2887 5.33333 17 5.33333C15.7114 5.33333 14.6667 6.378 14.6667 7.66666C14.6667 8.95533 15.7114 10 17 10ZM19.3334 13.5C19.3334 14.7887 18.2887 15.8333 17 15.8333C15.7114 15.8333 14.6667 14.7887 14.6667 13.5C14.6667 12.2113 15.7114 11.1667 17 11.1667C18.2887 11.1667 19.3334 12.2113 19.3334 13.5Z"
    />
  </svg>
);

export default OrbIcon;