alarm-check
AlarmCheck, 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-check.
- 16px
- 20px
- 24px
- 32px
Installation
pnpm dlx velaui add @velaui/icon-alarm-checknpx shadcn@latest add @velaui/icon-alarm-checkyarn dlx shadcn@latest add @velaui/icon-alarm-checkbunx --bun shadcn@latest add @velaui/icon-alarm-checkUsage
// components/icons/alarm-check.tsx
import AlarmCheck from "@/components/icons/alarm-check"
<AlarmCheck 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
ScheduledIn an empty state
No events on this day yet.
Browse blocks
Source
import * as React from "react";
export interface AlarmCheckProps extends React.SVGProps<SVGSVGElement> {
size?: number | string;
}
/** Custom vela-ui icon, synced from Figma (node under section "Icons"). */
export function AlarmCheck({ size = 24, strokeWidth = 0, className, ref, ...props }: AlarmCheckProps) {
return (
<svg
ref={ref}
width={size}
height={size}
viewBox="0 0 24 24"
fill="none"
strokeWidth={strokeWidth}
className={className}
{...props}
>
<path d="M1.9 7.00839C1.9 7.28453 2.12386 7.50839 2.4 7.50839C2.67614 7.50839 2.9 7.28453 2.9 7.00839H2.4H1.9ZM7.008 2.90039C7.28414 2.90039 7.508 2.67653 7.508 2.40039C7.508 2.12425 7.28414 1.90039 7.008 1.90039V2.40039V2.90039ZM16.992 1.90039C16.7159 1.90039 16.492 2.12425 16.492 2.40039C16.492 2.67653 16.7159 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.3239 7.50839 21.6 7.50839C21.8761 7.50839 22.1 7.28453 22.1 7.00839H21.6H21.1ZM6.20955 19.2659C6.40482 19.0707 6.40482 18.7541 6.20955 18.5588C6.01429 18.3636 5.69771 18.3636 5.50245 18.5588L5.856 18.9124L6.20955 19.2659ZM2.81445 21.2468C2.61919 21.4421 2.61919 21.7587 2.81445 21.9539C3.00971 22.1492 3.32629 22.1492 3.52155 21.9539L3.168 21.6004L2.81445 21.2468ZM20.4784 21.9539C20.6737 22.1492 20.9903 22.1492 21.1856 21.9539C21.3808 21.7587 21.3808 21.4421 21.1856 21.2468L20.832 21.6004L20.4784 21.9539ZM18.4976 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.4976 18.5588ZM9.35355 12.2468C9.15829 12.0516 8.84171 12.0516 8.64645 12.2468C8.45118 12.4421 8.45118 12.7587 8.64645 12.9539L9 12.6004L9.35355 12.2468ZM10.8 14.4004L10.4464 14.7539C10.6417 14.9492 10.9583 14.9492 11.1536 14.7539L10.8 14.4004ZM15.3536 10.5539C15.5488 10.3587 15.5488 10.0421 15.3536 9.84684C15.1583 9.65157 14.8417 9.65157 14.6464 9.84684L15 10.2004L15.3536 10.5539ZM2.4 7.00839H2.9V6.24039H2.4H1.9V7.00839H2.4ZM6.24 2.40039V2.90039H7.008V2.40039V1.90039H6.24V2.40039ZM2.4 6.24039H2.9C2.9 4.39576 4.39537 2.90039 6.24 2.90039V2.40039V1.90039C3.84309 1.90039 1.9 3.84348 1.9 6.24039H2.4ZM16.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.856 18.9124L5.50245 18.5588L2.81445 21.2468L3.168 21.6004L3.52155 21.9539L6.20955 19.2659L5.856 18.9124ZM20.832 21.6004L21.1856 21.2468L18.4976 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.61044 20.7164 4.052 17.1579 4.052 12.7684H3.552H3.052C3.052 17.7102 7.05816 21.7164 12 21.7164V21.2164ZM3.552 12.7684H4.052C4.052 8.37883 7.61044 4.82039 12 4.82039V4.32039V3.82039C7.05816 3.82039 3.052 7.82654 3.052 12.7684H3.552ZM12 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.32039ZM9 12.6004L8.64645 12.9539L10.4464 14.7539L10.8 14.4004L11.1536 14.0468L9.35355 12.2468L9 12.6004ZM10.8 14.4004L11.1536 14.7539L15.3536 10.5539L15 10.2004L14.6464 9.84684L10.4464 14.0468L10.8 14.4004Z" fill="currentColor"/>
</svg>
);
}
AlarmCheck.displayName = "AlarmCheck";
export default AlarmCheck;