Vela UI Docs
venizia.ai

stopwatch-02

Stopwatch02, 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-stopwatch-02.

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

Installation

pnpm dlx velaui add @velaui/icon-stopwatch-02

Usage

// components/icons/stopwatch-02.tsx
import Stopwatch02 from "@/components/icons/stopwatch-02"

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

/** Custom vela-ui icon, synced from Figma (node under section "Icons"). */
export function Stopwatch02({ size = 24, strokeWidth = 0, className, ref, ...props }: Stopwatch02Props) {
  return (
    <svg
      ref={ref}
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      strokeWidth={strokeWidth}
      className={className}
      {...props}
    >
      <path d="M13.1201 14.2565C13.1201 14.9737 12.5387 15.5552 11.8214 15.5552C11.1042 15.5552 10.5227 14.9737 10.5227 14.2565C10.5227 13.5392 11.1042 12.9578 11.8214 12.9578C12.5387 12.9578 13.1201 13.5392 13.1201 14.2565Z" fill="#D9D9D9"/>
      <path d="M19.188 3.72437C18.9927 3.52911 18.6761 3.52911 18.4809 3.72437C18.2856 3.91963 18.2856 4.23621 18.4809 4.43148L18.8344 4.07792L19.188 3.72437ZM20.8185 6.76914C21.0138 6.9644 21.3304 6.9644 21.5256 6.76914C21.7209 6.57388 21.7209 6.25729 21.5256 6.06203L21.1721 6.41558L20.8185 6.76914ZM12.3214 9.84091C12.3214 9.56477 12.0976 9.34091 11.8214 9.34091C11.5453 9.34091 11.3214 9.56477 11.3214 9.84091H11.8214H12.3214ZM11.3214 13.2175C11.3214 13.4937 11.5453 13.7175 11.8214 13.7175C12.0976 13.7175 12.3214 13.4937 12.3214 13.2175H11.8214H11.3214ZM9.22403 1.5C8.94788 1.5 8.72403 1.72386 8.72403 2C8.72403 2.27614 8.94788 2.5 9.22403 2.5V2V1.5ZM14.1591 2.5C14.4352 2.5 14.6591 2.27614 14.6591 2C14.6591 1.72386 14.4352 1.5 14.1591 1.5V2V2.5ZM17.7016 6.84125C17.5064 7.03651 17.5064 7.3531 17.7016 7.54836C17.8969 7.74362 18.2135 7.74362 18.4087 7.54836L18.0552 7.19481L17.7016 6.84125ZM20.0032 5.24675L20.3568 4.8932V4.8932L20.0032 5.24675ZM11.8214 9.84091H11.3214V13.2175H11.8214H12.3214V9.84091H11.8214ZM9.22403 2V2.5H14.1591V2V1.5H9.22403V2ZM18.0552 7.19481L18.4087 7.54836L20.3568 5.60031L20.0032 5.24675L19.6497 4.8932L17.7016 6.84125L18.0552 7.19481ZM20.3929 13.4286H19.8929C19.8929 17.8863 16.2792 21.5 11.8214 21.5V22V22.5C16.8314 22.5 20.8929 18.4386 20.8929 13.4286H20.3929ZM11.8214 22V21.5C7.3637 21.5 3.75 17.8863 3.75 13.4286H3.25H2.75C2.75 18.4386 6.81142 22.5 11.8214 22.5V22ZM3.25 13.4286H3.75C3.75 8.97084 7.3637 5.35714 11.8214 5.35714V4.85714V4.35714C6.81142 4.35714 2.75 8.41856 2.75 13.4286H3.25ZM11.8214 4.85714V5.35714C16.2792 5.35714 19.8929 8.97084 19.8929 13.4286H20.3929H20.8929C20.8929 8.41856 16.8314 4.35714 11.8214 4.35714V4.85714ZM13.1201 14.2565H12.6201C12.6201 14.6976 12.2625 15.0552 11.8214 15.0552V15.5552V16.0552C12.8148 16.0552 13.6201 15.2499 13.6201 14.2565H13.1201ZM11.8214 15.5552V15.0552C11.3803 15.0552 11.0227 14.6976 11.0227 14.2565H10.5227H10.0227C10.0227 15.2499 10.828 16.0552 11.8214 16.0552V15.5552ZM10.5227 14.2565H11.0227C11.0227 13.8154 11.3803 13.4578 11.8214 13.4578V12.9578V12.4578C10.828 12.4578 10.0227 13.2631 10.0227 14.2565H10.5227ZM11.8214 12.9578V13.4578C12.2625 13.4578 12.6201 13.8154 12.6201 14.2565H13.1201H13.6201C13.6201 13.2631 12.8148 12.4578 11.8214 12.4578V12.9578ZM18.8344 4.07792L18.4809 4.43148L19.6497 5.60031L20.0032 5.24675L20.3568 4.8932L19.188 3.72437L18.8344 4.07792ZM20.0032 5.24675L19.6497 5.60031L20.8185 6.76914L21.1721 6.41558L21.5256 6.06203L20.3568 4.8932L20.0032 5.24675Z" fill="#0A0A0A"/>
    </svg>
  );
}
Stopwatch02.displayName = "Stopwatch02";

export default Stopwatch02;