Vela UI Docs
venizia.ai

temperature-02

Temperature02, 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-temperature-02.

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

Installation

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

Usage

// components/icons/temperature-02.tsx
import Temperature02 from "@/components/icons/temperature-02"

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

/** Custom vela-ui icon, synced from Figma (node under section "Icons"). */
export function Temperature02({ size = 24, strokeWidth = 0, className, ref, ...props }: Temperature02Props) {
  return (
    <svg
      ref={ref}
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      strokeWidth={strokeWidth}
      className={className}
      {...props}
    >
      <path d="M6.60005 13.9527L6.8861 14.3628C7.02016 14.2693 7.10005 14.1162 7.10005 13.9527H6.60005ZM11.4 13.9527H10.9C10.9 14.0949 10.9606 14.2304 11.0666 14.3253L11.4 13.9527ZM9.00005 16.8999C8.72391 16.8999 8.50005 17.1238 8.50005 17.3999C8.50005 17.676 8.72391 17.8999 9.00005 17.8999V17.3999V16.8999ZM9.0563 17.8999C9.33244 17.8999 9.5563 17.676 9.5563 17.3999C9.5563 17.1238 9.33244 16.8999 9.0563 16.8999V17.3999V17.8999ZM13.2 17.3999H12.7C12.7 19.4434 11.0435 21.0999 9.00005 21.0999V21.5999V22.0999C11.5958 22.0999 13.7 19.9956 13.7 17.3999H13.2ZM9.00005 21.5999V21.0999C6.9566 21.0999 5.30005 19.4434 5.30005 17.3999H4.80005H4.30005C4.30005 19.9956 6.40431 22.0999 9.00005 22.0999V21.5999ZM4.80005 17.3999H5.30005C5.30005 16.143 5.92632 15.0323 6.8861 14.3628L6.60005 13.9527L6.314 13.5426C5.0976 14.3911 4.30005 15.8023 4.30005 17.3999H4.80005ZM11.4 13.9527L11.0666 14.3253C11.4538 14.6719 11.8697 15.1791 12.1863 15.743C12.5056 16.3117 12.7 16.8951 12.7 17.3999H13.2H13.7C13.7 16.6608 13.4242 15.9052 13.0582 15.2535C12.6897 14.597 12.2055 14.0026 11.7335 13.5801L11.4 13.9527ZM11.4 4.7999H10.9V13.9527H11.4H11.9V4.7999H11.4ZM6.60005 13.9527H7.10005V4.79833H6.60005H6.10005V13.9527H6.60005ZM9.00005 2.3999V2.8999C10.0494 2.8999 10.9 3.75056 10.9 4.7999H11.4H11.9C11.9 3.19828 10.6017 1.8999 9.00005 1.8999V2.3999ZM9.00005 2.3999V1.8999C7.39885 1.8999 6.10005 3.19628 6.10005 4.79833H6.60005H7.10005C7.10005 3.74942 7.95028 2.8999 9.00005 2.8999V2.3999ZM9.00005 17.3999V17.8999H9.0563V17.3999V16.8999H9.00005V17.3999ZM19.2 7.1999H18.7C18.7 8.24924 17.8494 9.0999 16.8 9.0999V9.5999V10.0999C18.4017 10.0999 19.7 8.80153 19.7 7.1999H19.2ZM16.8 9.5999V9.0999C15.7507 9.0999 14.9 8.24924 14.9 7.1999H14.4H13.9C13.9 8.80153 15.1984 10.0999 16.8 10.0999V9.5999ZM14.4 7.1999H14.9C14.9 6.15056 15.7507 5.2999 16.8 5.2999V4.7999V4.2999C15.1984 4.2999 13.9 5.59828 13.9 7.1999H14.4ZM16.8 4.7999V5.2999C17.8494 5.2999 18.7 6.15056 18.7 7.1999H19.2H19.7C19.7 5.59828 18.4017 4.2999 16.8 4.2999V4.7999Z" fill="currentColor"/>
    </svg>
  );
}
Temperature02.displayName = "Temperature02";

export default Temperature02;