next-icons-logoNext IconsAll Icons
export type IconProps = {
  size?: number | string;
  color?: string;
  className?: string;
} & React.SVGProps<SVGSVGElement>;

export const GlobeIcon = ({
  size = 24,
  color = "currentColor",
  className,
  ...props
}: IconProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 24 24"
    width={size}
    height={size}
    fill={color}
    className={className}
    {...props}
  >
      <path d="m12,2C6.49,2,2,6.49,2,12s4.49,10,10,10,10-4.49,10-10S17.51,2,12,2Zm7.93,9h-2.95c-.11-2.44-.62-4.58-1.42-6.15,2.34,1.17,4.03,3.45,4.37,6.15Zm-7.93,9c-1.14,0-2.75-2.7-2.97-7h5.94c-.22,4.3-1.84,7-2.97,7Zm-2.97-9c.22-4.3,1.84-7,2.97-7s2.75,2.7,2.97,7h-5.94Zm-.59-6.15c-.79,1.58-1.31,3.71-1.42,6.15h-2.95c.34-2.7,2.03-4.98,4.37-6.15Zm-4.37,8.15h2.95c.11,2.44.62,4.58,1.42,6.15-2.34-1.17-4.03-3.45-4.37-6.15Zm11.49,6.15c.79-1.58,1.31-3.71,1.42-6.15h2.95c-.34,2.7-2.03,4.98-4.37,6.15Z" />
  </svg>
);

Icon

Globe

Category

elements

Use case

Use this icon in navbar items, social link groups, profile actions, settings rows, and call-to-action buttons.

Size

48px

Color

#18181b

Related elements icons

AlarmBeerBoltBookBugCalenderClockCloud