Vela UI Docs
venizia.ai

microphone-02

Microphone02, 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-microphone-02.

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

Installation

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

Usage

// components/icons/microphone-02.tsx
import Microphone02 from "@/components/icons/microphone-02"

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

/** Custom vela-ui icon, synced from Figma (node under section "Icons"). */
export function Microphone02({ size = 24, strokeWidth = 1, className, ref, ...props }: Microphone02Props) {
  return (
    <svg
      ref={ref}
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      strokeWidth={strokeWidth}
      className={className}
      {...props}
    >
      <path d="M2.49298 13.3764C2.82542 15.6606 3.96914 17.7487 5.7149 19.2588C7.46066 20.7688 9.69174 21.5999 12 21.5999C14.3082 21.5999 16.5393 20.7688 18.2851 19.2588C20.0308 17.7487 21.1746 15.6606 21.507 13.3764M12.0014 2.3999C10.9097 2.3999 9.86271 2.83357 9.09078 3.6055C8.31884 4.37744 7.88518 5.4244 7.88518 6.51608V12.0043C7.88518 13.096 8.31884 14.143 9.09078 14.9149C9.86271 15.6868 10.9097 16.1205 12.0014 16.1205C13.093 16.1205 14.14 15.6868 14.9119 14.9149C15.6839 14.143 16.1175 13.096 16.1175 12.0043V6.51608C16.1175 5.4244 15.6839 4.37744 14.9119 3.6055C14.14 2.83357 13.093 2.3999 12.0014 2.3999Z" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
    </svg>
  );
}
Microphone02.displayName = "Microphone02";

export default Microphone02;