Vela UI Docs
venizia.ai

stopwatch-03

Stopwatch03, 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-03.

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

Installation

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

Usage

// components/icons/stopwatch-03.tsx
import Stopwatch03 from "@/components/icons/stopwatch-03"

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

/** Custom vela-ui icon, synced from Figma (node under section "Icons"). */
export function Stopwatch03({ size = 24, strokeWidth = 0, className, ref, ...props }: Stopwatch03Props) {
  return (
    <svg
      ref={ref}
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      strokeWidth={strokeWidth}
      className={className}
      {...props}
    >
      <path d="M17.9073 6.49862C17.7121 6.69388 17.7121 7.01047 17.9073 7.20573C18.1026 7.40099 18.4192 7.40099 18.6144 7.20573L18.2609 6.85217L17.9073 6.49862ZM19.4492 3.15949C19.2539 2.96423 18.9374 2.96423 18.7421 3.15949C18.5468 3.35475 18.5468 3.67133 18.7421 3.8666L19.0957 3.51304L19.4492 3.15949ZM21.2464 6.37094C21.4417 6.56621 21.7583 6.56621 21.9536 6.37094C22.1488 6.17568 22.1488 5.8591 21.9536 5.66384L21.6 6.01739L21.2464 6.37094ZM12.5 9.84091C12.5 9.56477 12.2761 9.34091 12 9.34091C11.7239 9.34091 11.5 9.56477 11.5 9.84091H12H12.5ZM11.5 13.2175C11.5 13.4937 11.7239 13.7175 12 13.7175C12.2761 13.7175 12.5 13.4937 12.5 13.2175H12H11.5ZM9.5 1.5C9.22386 1.5 9 1.72386 9 2C9 2.27614 9.22386 2.5 9.5 2.5V2V1.5ZM14.5 2.5C14.7761 2.5 15 2.27614 15 2C15 1.72386 14.7761 1.5 14.5 1.5V2V2.5ZM18.2609 6.85217L18.6144 7.20573L20.7014 5.11877L20.3478 4.76522L19.9943 4.41166L17.9073 6.49862L18.2609 6.85217ZM19.0957 3.51304L18.7421 3.8666L19.9943 5.11877L20.3478 4.76522L20.7014 4.41166L19.4492 3.15949L19.0957 3.51304ZM20.3478 4.76522L19.9943 5.11877L21.2464 6.37094L21.6 6.01739L21.9536 5.66384L20.7014 4.41166L20.3478 4.76522ZM12 9.84091H11.5V13.2175H12H12.5V9.84091H12ZM9.5 2V2.5H14.5V2V1.5H9.5V2ZM20.5 13.4286H20C20 17.8903 16.4143 21.5 12 21.5V22V22.5C16.9745 22.5 21 18.4346 21 13.4286H20.5ZM12 22V21.5C7.58566 21.5 4 17.8903 4 13.4286H3.5H3C3 18.4346 7.0255 22.5 12 22.5V22ZM3.5 13.4286H4C4 8.96689 7.58566 5.35714 12 5.35714V4.85714V4.35714C7.0255 4.35714 3 8.42251 3 13.4286H3.5ZM12 4.85714V5.35714C16.4143 5.35714 20 8.96689 20 13.4286H20.5H21C21 8.42251 16.9745 4.35714 12 4.35714V4.85714Z" fill="currentColor"/>
    </svg>
  );
}
Stopwatch03.displayName = "Stopwatch03";

export default Stopwatch03;