Vela UI Docs
venizia.ai

globe-05

Globe05, one of the 856 Vela UI icons, in the General group: a 24px grid drawn in currentColor, so it takes the colour of the text around it. It installs on its own as @velaui/icon-globe-05.

  • 16px
  • 20px
  • 24px
  • 32px

Installation

pnpm dlx velaui add @velaui/icon-globe-05

Usage

// components/icons/globe-05.tsx
import Globe05 from "@/components/icons/globe-05"

<Globe05 className="size-5 text-muted" />

In use

  • In a button

  • In a sentence

    Due Friday, or whenever the venue confirms.

  • In an input

  • As a badge

    Scheduled

  • In an empty state

    No events on this day yet.

    Browse blocks

Source

import * as React from "react";

export interface Globe05Props extends React.SVGProps<SVGSVGElement> {
  size?: number | string;
}

/** Custom vela-ui icon, synced from Figma (node under section "Icons"). */
export function Globe05({ size = 24, strokeWidth = 1, className, ref, ...props }: Globe05Props) {
  return (
    <svg
      ref={ref}
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      strokeWidth={strokeWidth}
      className={className}
      {...props}
    >
      <path d="M13.25 20.7165C12.5309 20.9016 11.7769 21 11 21C6.02944 21 2 16.9706 2 12C2 7.02944 6.02944 3 11 3C15.5896 3 19.3768 6.4354 19.9304 10.875M3.125 15.375H5.75C6.78554 15.375 7.625 14.5355 7.625 13.5V11.0625C7.625 10.027 8.46447 9.1875 9.5 9.1875H11.375C12.4105 9.1875 13.25 8.34804 13.25 7.3125V4.125M18.9196 17.6457L21.496 16.755C21.9789 16.588 21.9951 15.911 21.5207 15.7212L15.133 13.1657C14.6887 12.988 14.2442 13.4215 14.4108 13.8702L16.8441 20.4217C17.0219 20.9005 17.6987 20.9015 17.878 20.4233L18.9196 17.6457Z" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
    </svg>
  );
}
Globe05.displayName = "Globe05";

export default Globe05;