Vela UI Docsvenizia.ai

marker-06

Marker06, 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-marker-06.

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

Installation

pnpm dlx velaui add @velaui/icon-marker-06

Usage

// components/icons/marker-06.tsx
import Marker06 from "@/components/icons/marker-06"

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

/** Custom vela-ui icon, synced from Figma (node under section "Icons"). */
export function Marker06({ size = 24, strokeWidth = 0, className, ref, ...props }: Marker06Props) {
  return (
    <svg
      ref={ref}
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      strokeWidth={strokeWidth}
      className={className}
      {...props}
    >
      <path d="M12 14.3999L11.6719 14.7772C11.8601 14.9408 12.14 14.9408 12.3281 14.7772L12 14.3999ZM6.73661 14.7732C7.00225 14.6978 7.15644 14.4213 7.08101 14.1557C7.00557 13.89 6.72907 13.7358 6.46343 13.8113L6.60002 14.2922L6.73661 14.7732ZM17.5366 13.8113C17.271 13.7358 16.9945 13.89 16.919 14.1557C16.8436 14.4213 16.9978 14.6978 17.2634 14.7732L17.4 14.2922L17.5366 13.8113ZM16.8 7.09555H16.3C16.3 7.75914 16.0424 8.52115 15.6103 9.31954C15.1818 10.1112 14.6043 10.8981 14.0165 11.6009C13.4301 12.302 12.8423 12.9091 12.4004 13.3414C12.1797 13.5572 11.9963 13.7287 11.8685 13.8458C11.8047 13.9043 11.7548 13.9491 11.7212 13.979C11.7045 13.994 11.6918 14.0052 11.6835 14.0125C11.6793 14.0162 11.6762 14.0188 11.6743 14.0205C11.6733 14.0214 11.6727 14.022 11.6723 14.0223C11.6721 14.0225 11.6719 14.0226 11.6719 14.0226C11.6719 14.0227 11.6719 14.0227 11.6719 14.0227C11.6719 14.0226 11.6719 14.0226 12 14.3999C12.3281 14.7772 12.3282 14.7771 12.3283 14.777C12.3284 14.777 12.3285 14.7769 12.3286 14.7768C12.3288 14.7766 12.3292 14.7763 12.3295 14.776C12.3303 14.7753 12.3314 14.7744 12.3327 14.7732C12.3354 14.7709 12.3392 14.7675 12.3441 14.7632C12.354 14.7545 12.3682 14.7419 12.3866 14.7255C12.4234 14.6928 12.4766 14.6449 12.544 14.5831C12.6788 14.4596 12.8703 14.2806 13.0997 14.0562C13.5578 13.6081 14.17 12.9761 14.7836 12.2424C15.3958 11.5104 16.0182 10.6668 16.4898 9.79549C16.9577 8.93083 17.3 7.99718 17.3 7.09555H16.8ZM12 14.3999C12.3281 14.0226 12.3282 14.0226 12.3282 14.0227C12.3282 14.0227 12.3282 14.0227 12.3282 14.0226C12.3281 14.0226 12.328 14.0225 12.3278 14.0223C12.3274 14.022 12.3267 14.0214 12.3257 14.0205C12.3238 14.0188 12.3207 14.0162 12.3166 14.0125C12.3083 14.0052 12.2956 13.994 12.2788 13.979C12.2453 13.9491 12.1954 13.9043 12.1315 13.8458C12.0038 13.7287 11.8203 13.5572 11.5997 13.3414C11.1578 12.9091 10.57 12.302 9.98356 11.6009C9.39578 10.8981 8.81821 10.1112 8.38976 9.31954C7.95769 8.52115 7.70003 7.75914 7.70003 7.09555H7.20003H6.70003C6.70003 7.99718 7.04236 8.93083 7.51029 9.79549C7.98184 10.6668 8.60427 11.5104 9.21649 12.2424C9.83009 12.9761 10.4423 13.6081 10.9004 14.0562C11.1297 14.2806 11.3213 14.4596 11.456 14.5831C11.5234 14.6449 11.5767 14.6928 11.6134 14.7255C11.6318 14.7419 11.6461 14.7545 11.6559 14.7632C11.6608 14.7675 11.6647 14.7709 11.6673 14.7732C11.6687 14.7744 11.6697 14.7753 11.6705 14.776C11.6709 14.7763 11.6712 14.7766 11.6714 14.7768C11.6716 14.7769 11.6717 14.777 11.6717 14.777C11.6718 14.7771 11.6719 14.7772 12 14.3999ZM7.20003 7.09555H7.70003C7.70003 4.78866 9.61478 2.8999 12 2.8999V2.3999V1.8999C9.08333 1.8999 6.70003 4.21577 6.70003 7.09555H7.20003ZM12 2.3999V2.8999C14.3853 2.8999 16.3 4.78866 16.3 7.09555H16.8H17.3C17.3 4.21577 14.9167 1.8999 12 1.8999V2.3999ZM21.6 17.5999H21.1C21.1 17.978 20.9182 18.3835 20.4947 18.8007C20.0694 19.2196 19.4284 19.6199 18.5959 19.9668C16.9332 20.6596 14.6015 21.0999 12 21.0999V21.5999V22.0999C14.7005 22.0999 17.1688 21.6448 18.9806 20.8899C19.8853 20.5129 20.6502 20.0512 21.1965 19.5131C21.7446 18.9732 22.1 18.3264 22.1 17.5999H21.6ZM12 21.5999V21.0999C9.39857 21.0999 7.06685 20.6596 5.40411 19.9668C4.57164 19.6199 3.93061 19.2196 3.50533 18.8007C3.08182 18.3835 2.90002 17.978 2.90002 17.5999H2.40002H1.90002C1.90002 18.3264 2.25549 18.9732 2.80355 19.5131C3.34985 20.0512 4.1147 20.5129 5.01949 20.8899C6.83126 21.6448 9.29954 22.0999 12 22.0999V21.5999ZM2.40002 17.5999H2.90002C2.90002 17.1307 3.18363 16.6136 3.85452 16.0965C4.52041 15.5833 5.5055 15.1228 6.73661 14.7732L6.60002 14.2922L6.46343 13.8113C5.15923 14.1816 4.04432 14.6876 3.24403 15.3045C2.44876 15.9175 1.90002 16.6943 1.90002 17.5999H2.40002ZM17.4 14.2922L17.2634 14.7732C18.4946 15.1228 19.4796 15.5833 20.1455 16.0965C20.8164 16.6136 21.1 17.1307 21.1 17.5999H21.6H22.1C22.1 16.6943 21.5513 15.9175 20.756 15.3045C19.9557 14.6876 18.8408 14.1816 17.5366 13.8113L17.4 14.2922Z" fill="currentColor"/>
    </svg>
  );
}
Marker06.displayName = "Marker06";

export default Marker06;