Skip to content
Cuelark UI

Hover the icon or press Play. Suggested motion: flip. Pick another to preview it and update the animated code:

Radix Icons · RxGlobe2

Globe2 icon

A free globe2 icon from Radix Icons, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.

License
MIT license
Project
icons.radix-ui.com
Download SVG
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/radix/globe2.json
components/icons/radix-globe2.tsx
import * as React from "react";

/**
 * Globe2 from Radix Icons (https://icons.radix-ui.com), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/radix/globe2. Sized in em, colored by currentColor.
 */
export function RxGlobe2Icon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      fill="none"
      viewBox="0 0 15 15"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M7.50049 0.900055C11.1453 0.900372 14.1001 3.85576 14.1001 7.50064C14.0998 11.1453 11.1451 14.0999 7.50049 14.1003C3.8556 14.1003 0.900219 11.1455 0.899902 7.50064C0.899902 3.85556 3.85541 0.900055 7.50049 0.900055ZM10.2144 7.94986C10.1279 9.83381 9.49621 11.7024 8.30225 13.1422C10.9244 12.7728 12.9717 10.6205 13.1802 7.94986H10.2144ZM1.81885 7.94986C2.01868 10.509 3.90778 12.5919 6.37256 13.0866C5.24135 11.6536 4.64281 9.80853 4.56006 7.94986H1.81885ZM5.4624 7.94986C5.55203 9.79091 6.19192 11.5713 7.35498 12.8571C8.55873 11.5705 9.22047 9.7898 9.31299 7.94986H5.4624ZM7.35498 2.14127C6.19153 3.42699 5.55217 5.20823 5.4624 7.04947H9.31299C9.22031 5.20935 8.55911 3.42779 7.35498 2.14127ZM8.30225 1.85709C9.49629 3.29682 10.1278 5.16558 10.2144 7.04947H13.1802C12.9711 4.37932 10.9241 2.22654 8.30225 1.85709ZM6.37354 1.9108C3.90845 2.40502 2.02021 4.4904 1.81982 7.04947H4.56006C4.64297 5.19012 5.24138 3.34389 6.37354 1.9108Z"
        fill="currentColor"
      />
    </svg>
  );
}
With react-icons
import { RxGlobe2 } from "react-icons/rx";

export function Example() {
  return <RxGlobe2 className="size-5" />;
}
globe2.svg
<svg
  fill="none"
  viewBox="0 0 15 15"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M7.50049 0.900055C11.1453 0.900372 14.1001 3.85576 14.1001 7.50064C14.0998 11.1453 11.1451 14.0999 7.50049 14.1003C3.8556 14.1003 0.900219 11.1455 0.899902 7.50064C0.899902 3.85556 3.85541 0.900055 7.50049 0.900055ZM10.2144 7.94986C10.1279 9.83381 9.49621 11.7024 8.30225 13.1422C10.9244 12.7728 12.9717 10.6205 13.1802 7.94986H10.2144ZM1.81885 7.94986C2.01868 10.509 3.90778 12.5919 6.37256 13.0866C5.24135 11.6536 4.64281 9.80853 4.56006 7.94986H1.81885ZM5.4624 7.94986C5.55203 9.79091 6.19192 11.5713 7.35498 12.8571C8.55873 11.5705 9.22047 9.7898 9.31299 7.94986H5.4624ZM7.35498 2.14127C6.19153 3.42699 5.55217 5.20823 5.4624 7.04947H9.31299C9.22031 5.20935 8.55911 3.42779 7.35498 2.14127ZM8.30225 1.85709C9.49629 3.29682 10.1278 5.16558 10.2144 7.04947H13.1802C12.9711 4.37932 10.9241 2.22654 8.30225 1.85709ZM6.37354 1.9108C3.90845 2.40502 2.02021 4.4904 1.81982 7.04947H4.56006C4.64297 5.19012 5.24138 3.34389 6.37354 1.9108Z"
    fill="currentColor"
  />
</svg>
Attribution
"Globe2" icon from Radix Icons (https://icons.radix-ui.com), licensed under MIT license.

Globe2 icon in other sets