Vela UI Docs
venizia.ai

microphone-01

Microphone01, 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-01.

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

Installation

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

Usage

// components/icons/microphone-01.tsx
import Microphone01 from "@/components/icons/microphone-01"

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

/** Custom vela-ui icon, synced from Figma (node under section "Icons"). */
export function Microphone01({ size = 24, strokeWidth = 1, className, ref, ...props }: Microphone01Props) {
  return (
    <svg
      ref={ref}
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      strokeWidth={strokeWidth}
      className={className}
      {...props}
    >
      <path d="M4.39789 11.177C4.66372 13.0035 5.57827 14.6733 6.97423 15.8808C8.3702 17.0883 10.1542 17.7528 12 17.7528M12 17.7528C13.8457 17.7528 15.6298 17.0883 17.0257 15.8808C18.4217 14.6733 19.3363 13.0035 19.6021 11.177M12 17.7528V21.5999M12.0011 2.3999C11.1281 2.3999 10.291 2.74668 9.6737 3.36394C9.05643 3.9812 8.70966 4.81839 8.70966 5.69133V10.0799C8.70966 10.9528 9.05643 11.79 9.6737 12.4073C10.291 13.0246 11.1281 13.3713 12.0011 13.3713C12.874 13.3713 13.7112 13.0246 14.3285 12.4073C14.9457 11.79 15.2925 10.9528 15.2925 10.0799V5.69133C15.2925 4.81839 14.9457 3.9812 14.3285 3.36394C13.7112 2.74668 12.874 2.3999 12.0011 2.3999Z" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round"/>
    </svg>
  );
}
Microphone01.displayName = "Microphone01";

export default Microphone01;