Vela UI Docs
venizia.ai

map-04

Map04, 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-map-04.

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

Installation

pnpm dlx velaui add @velaui/icon-map-04

Usage

// components/icons/map-04.tsx
import Map04 from "@/components/icons/map-04"

<Map04 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 Map04Props extends React.SVGProps<SVGSVGElement> {
  size?: number | string;
}

/** Custom vela-ui icon, synced from Figma (node under section "Icons"). */
export function Map04({ size = 24, strokeWidth = 0, className, ref, ...props }: Map04Props) {
  return (
    <svg
      ref={ref}
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      strokeWidth={strokeWidth}
      className={className}
      {...props}
    >
      <path d="M15.25 8.49568L15.0588 8.95768V8.95768L15.25 8.49568ZM19.6838 18.6495C19.939 18.7551 20.2314 18.6338 20.337 18.3787C20.4426 18.1235 20.3213 17.8311 20.0662 17.7255L19.875 18.1875L19.6838 18.6495ZM3.75368 10.9755C3.49852 10.8699 3.20608 10.9912 3.10049 11.2463C2.99491 11.5015 3.11616 11.7939 3.37132 11.8995L3.5625 11.4375L3.75368 10.9755ZM6.17647 3V3.5H17.8235V3V2.5H6.17647V3ZM17.8235 21V20.5H6.17647V21V21.5H17.8235V21ZM3 17.8235H3.5V6.17647H3H2.5V17.8235H3ZM6.17647 21V20.5C4.6983 20.5 3.5 19.3017 3.5 17.8235H3H2.5C2.5 19.854 4.14601 21.5 6.17647 21.5V21ZM21 17.8235H20.5C20.5 19.3017 19.3017 20.5 17.8235 20.5V21V21.5C19.854 21.5 21.5 19.854 21.5 17.8235H21ZM17.8235 3V3.5C19.3017 3.5 20.5 4.6983 20.5 6.17647H21H21.5C21.5 4.14601 19.854 2.5 17.8235 2.5V3ZM6.17647 3V2.5C4.14601 2.5 2.5 4.14601 2.5 6.17647H3H3.5C3.5 4.6983 4.6983 3.5 6.17647 3.5V3ZM21 10.875H20.5V17.8235H21H21.5V10.875H21ZM4.6875 4.125L4.49632 4.58701L15.0588 8.95768L15.25 8.49568L15.4411 8.03367L4.87868 3.66299L4.6875 4.125ZM15.25 8.49568L15.0588 8.95768L20.8088 11.337L21 10.875L21.1912 10.413L15.4411 8.03367L15.25 8.49568ZM17.8235 3.5625L17.3802 3.33124L14.8067 8.26441L15.25 8.49568L15.6933 8.72694L18.2668 3.79376L17.8235 3.5625ZM19.875 18.1875L20.0662 17.7255L3.75368 10.9755L3.5625 11.4375L3.37132 11.8995L19.6838 18.6495L19.875 18.1875ZM21 6.17647H20.5V10.875H21H21.5V6.17647H21Z" fill="currentColor"/>
    </svg>
  );
}
Map04.displayName = "Map04";

export default Map04;