Vela UI Docsvenizia.ai

alarm-plus

AlarmPlus, 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-alarm-plus.

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

Installation

pnpm dlx velaui add @velaui/icon-alarm-plus

Usage

// components/icons/alarm-plus.tsx
import AlarmPlus from "@/components/icons/alarm-plus"

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

/** Custom vela-ui icon, synced from Figma (node under section "Icons"). */
export function AlarmPlus({ size = 24, strokeWidth = 0, className, ref, ...props }: AlarmPlusProps) {
  return (
    <svg
      ref={ref}
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      strokeWidth={strokeWidth}
      className={className}
      {...props}
    >
      <path d="M1.89999 7.00839C1.89999 7.28453 2.12385 7.50839 2.39999 7.50839C2.67614 7.50839 2.89999 7.28453 2.89999 7.00839H2.39999H1.89999ZM7.00799 2.90039C7.28414 2.90039 7.50799 2.67653 7.50799 2.40039C7.50799 2.12425 7.28414 1.90039 7.00799 1.90039V2.40039V2.90039ZM16.992 1.90039C16.7158 1.90039 16.492 2.12425 16.492 2.40039C16.492 2.67653 16.7158 2.90039 16.992 2.90039V2.40039V1.90039ZM17.76 2.40039V1.90039V2.40039ZM21.6 6.24039H21.1V6.24039H21.6ZM21.1 7.00839C21.1 7.28453 21.3238 7.50839 21.6 7.50839C21.8761 7.50839 22.1 7.28453 22.1 7.00839H21.6H21.1ZM6.20955 19.2659C6.40481 19.0707 6.40481 18.7541 6.20955 18.5588C6.01428 18.3636 5.6977 18.3636 5.50244 18.5588L5.85599 18.9124L6.20955 19.2659ZM2.81444 21.2468C2.61918 21.4421 2.61918 21.7587 2.81444 21.9539C3.0097 22.1492 3.32629 22.1492 3.52155 21.9539L3.16799 21.6004L2.81444 21.2468ZM20.4784 21.9539C20.6737 22.1492 20.9903 22.1492 21.1855 21.9539C21.3808 21.7587 21.3808 21.4421 21.1855 21.2468L20.832 21.6004L20.4784 21.9539ZM18.4975 18.5588C18.3023 18.3636 17.9857 18.3636 17.7904 18.5588C17.5952 18.7541 17.5952 19.0707 17.7904 19.2659L18.144 18.9124L18.4975 18.5588ZM12.5 9.60039C12.5 9.32425 12.2761 9.10039 12 9.10039C11.7239 9.10039 11.5 9.32425 11.5 9.60039H12H12.5ZM11.5 15.6004C11.5 15.8765 11.7239 16.1004 12 16.1004C12.2761 16.1004 12.5 15.8765 12.5 15.6004H12H11.5ZM15 13.1004C15.2761 13.1004 15.5 12.8765 15.5 12.6004C15.5 12.3242 15.2761 12.1004 15 12.1004V12.6004V13.1004ZM8.99999 12.1004C8.72385 12.1004 8.49999 12.3242 8.49999 12.6004C8.49999 12.8765 8.72385 13.1004 8.99999 13.1004V12.6004V12.1004ZM2.39999 7.00839H2.89999V6.24039H2.39999H1.89999V7.00839H2.39999ZM6.23999 2.40039V2.90039H7.00799V2.40039V1.90039H6.23999V2.40039ZM2.39999 6.24039H2.89999C2.89999 4.39576 4.39536 2.90039 6.23999 2.90039V2.40039V1.90039C3.84308 1.90039 1.89999 3.84348 1.89999 6.24039H2.39999ZM16.992 2.40039V2.90039L17.76 2.90039V2.40039V1.90039L16.992 1.90039V2.40039ZM21.6 6.24039H21.1V7.00839H21.6H22.1V6.24039H21.6ZM17.76 2.40039V2.90039C19.6046 2.90039 21.1 4.39576 21.1 6.24039H21.6H22.1C22.1 3.84347 20.1569 1.90039 17.76 1.90039V2.40039ZM5.85599 18.9124L5.50244 18.5588L2.81444 21.2468L3.16799 21.6004L3.52155 21.9539L6.20955 19.2659L5.85599 18.9124ZM20.832 21.6004L21.1855 21.2468L18.4975 18.5588L18.144 18.9124L17.7904 19.2659L20.4784 21.9539L20.832 21.6004ZM20.448 12.7684H19.948C19.948 17.1579 16.3896 20.7164 12 20.7164V21.2164V21.7164C16.9418 21.7164 20.948 17.7102 20.948 12.7684H20.448ZM12 21.2164V20.7164C7.61043 20.7164 4.05199 17.1579 4.05199 12.7684H3.55199H3.05199C3.05199 17.7102 7.05815 21.7164 12 21.7164V21.2164ZM3.55199 12.7684H4.05199C4.05199 8.37883 7.61043 4.82039 12 4.82039V4.32039V3.82039C7.05815 3.82039 3.05199 7.82654 3.05199 12.7684H3.55199ZM12 4.32039V4.82039C16.3896 4.82039 19.948 8.37883 19.948 12.7684H20.448H20.948C20.948 7.82654 16.9418 3.82039 12 3.82039V4.32039ZM12 9.60039H11.5V12.6004H12H12.5V9.60039H12ZM12 12.6004H11.5V15.6004H12H12.5V12.6004H12ZM15 12.6004V12.1004H12V12.6004V13.1004H15V12.6004ZM12 12.6004V12.1004H8.99999V12.6004V13.1004H12V12.6004Z" fill="currentColor"/>
    </svg>
  );
}
AlarmPlus.displayName = "AlarmPlus";

export default AlarmPlus;