Vela UI Docs
venizia.ai

glasses-02

Glasses02, 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-glasses-02.

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

Installation

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

Usage

// components/icons/glasses-02.tsx
import Glasses02 from "@/components/icons/glasses-02"

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

/** Custom vela-ui icon, synced from Figma (node under section "Icons"). */
export function Glasses02({ size = 24, strokeWidth = 0, className, ref, ...props }: Glasses02Props) {
  return (
    <svg
      ref={ref}
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      strokeWidth={strokeWidth}
      className={className}
      {...props}
    >
      <path d="M1.90321 16.0235C1.8721 16.2979 2.06932 16.5455 2.34371 16.5766C2.6181 16.6077 2.86574 16.4105 2.89684 16.1361L2.40002 16.0798L1.90321 16.0235ZM3.52002 6.19897L3.19867 5.81591C3.10046 5.89831 3.03764 6.01528 3.02321 6.14266L3.52002 6.19897ZM6.08137 4.70288C6.29293 4.52541 6.32056 4.21003 6.14308 3.99847C5.96561 3.78692 5.65023 3.75929 5.43867 3.93677L5.76002 4.31982L6.08137 4.70288ZM21.1032 16.1361C21.1343 16.4105 21.382 16.6077 21.6563 16.5766C21.9307 16.5455 22.1279 16.2979 22.0968 16.0235L21.6 16.0798L21.1032 16.1361ZM20.48 6.19897L20.9768 6.14266C20.9624 6.01528 20.8996 5.89831 20.8014 5.81591L20.48 6.19897ZM18.5614 3.93677C18.3498 3.75929 18.0344 3.78692 17.857 3.99847C17.6795 4.21003 17.7071 4.52541 17.9187 4.70288L18.24 4.31982L18.5614 3.93677ZM9.12002 16.3198H8.62002C8.62002 17.8994 7.33956 19.1798 5.76002 19.1798V19.6798V20.1798C7.89184 20.1798 9.62002 18.4516 9.62002 16.3198H9.12002ZM5.76002 19.6798V19.1798C4.18049 19.1798 2.90002 17.8994 2.90002 16.3198H2.40002H1.90002C1.90002 18.4516 3.6282 20.1798 5.76002 20.1798V19.6798ZM2.40002 16.3198H2.90002C2.90002 14.7403 4.18049 13.4598 5.76002 13.4598V12.9598V12.4598C3.6282 12.4598 1.90002 14.188 1.90002 16.3198H2.40002ZM5.76002 12.9598V13.4598C7.33956 13.4598 8.62002 14.7403 8.62002 16.3198H9.12002H9.62002C9.62002 14.188 7.89184 12.4598 5.76002 12.4598V12.9598ZM9.08955 15.5998L9.52236 15.8502C10.0176 14.994 10.9421 14.4198 12 14.4198V13.9198V13.4198C10.5707 13.4198 9.32341 14.197 8.65675 15.3495L9.08955 15.5998ZM12 13.9198V14.4198C13.058 14.4198 13.9825 14.994 14.4777 15.8502L14.9105 15.5998L15.3433 15.3495C14.6767 14.197 13.4294 13.4198 12 13.4198V13.9198ZM21.6 16.3198H21.1C21.1 17.8994 19.8196 19.1798 18.24 19.1798V19.6798V20.1798C20.3718 20.1798 22.1 18.4516 22.1 16.3198H21.6ZM18.24 19.6798V19.1798C16.6605 19.1798 15.38 17.8994 15.38 16.3198H14.88H14.38C14.38 18.4516 16.1082 20.1798 18.24 20.1798V19.6798ZM14.88 16.3198H15.38C15.38 14.7403 16.6605 13.4598 18.24 13.4598V12.9598V12.4598C16.1082 12.4598 14.38 14.188 14.38 16.3198H14.88ZM18.24 12.9598V13.4598C19.8196 13.4598 21.1 14.7403 21.1 16.3198H21.6H22.1C22.1 14.188 20.3718 12.4598 18.24 12.4598V12.9598ZM2.40002 16.0798L2.89684 16.1361L4.01684 6.25529L3.52002 6.19897L3.02321 6.14266L1.90321 16.0235L2.40002 16.0798ZM3.52002 6.19897L3.84137 6.58203L6.08137 4.70288L5.76002 4.31982L5.43867 3.93677L3.19867 5.81591L3.52002 6.19897ZM21.6 16.0798L22.0968 16.0235L20.9768 6.14266L20.48 6.19897L19.9832 6.25529L21.1032 16.1361L21.6 16.0798ZM20.48 6.19897L20.8014 5.81591L18.5614 3.93677L18.24 4.31982L17.9187 4.70288L20.1587 6.58203L20.48 6.19897Z" fill="currentColor"/>
    </svg>
  );
}
Glasses02.displayName = "Glasses02";

export default Glasses02;