Vela UI Docsvenizia.ai

users-profiles-02

UsersProfiles02, 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-users-profiles-02.

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

Installation

pnpm dlx velaui add @velaui/icon-users-profiles-02

Usage

// components/icons/users-profiles-02.tsx
import UsersProfiles02 from "@/components/icons/users-profiles-02"

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

/** Custom vela-ui icon, synced from Figma (node under section "Icons"). */
export function UsersProfiles02({ size = 24, strokeWidth = 1, className, ref, ...props }: UsersProfiles02Props) {
  return (
    <svg
      ref={ref}
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      strokeWidth={strokeWidth}
      className={className}
      {...props}
    >
      <path d="M19.2 13.6855C20.4674 14.6324 21.6 17.0165 21.6 18.4855C21.6 18.9431 21.2661 19.3141 20.8543 19.3141H20.4M15.6 9.80432C16.4199 9.33006 16.9715 8.44365 16.9715 7.4284C16.9715 6.41316 16.4199 5.52675 15.6 5.05249M3.14579 19.3141H16.2828C16.6947 19.3141 17.0286 18.9431 17.0286 18.4855C17.0286 15.6089 14.6253 13.2769 9.71431 13.2769C4.80329 13.2769 2.40002 15.6089 2.40002 18.4855C2.40002 18.9431 2.73392 19.3141 3.14579 19.3141ZM12.4572 7.4284C12.4572 8.94324 11.2291 10.1713 9.71431 10.1713C8.19947 10.1713 6.97145 8.94324 6.97145 7.4284C6.97145 5.91357 8.19947 4.68555 9.71431 4.68555C11.2291 4.68555 12.4572 5.91357 12.4572 7.4284Z" stroke="currentColor" strokeLinecap="round"/>
    </svg>
  );
}
UsersProfiles02.displayName = "UsersProfiles02";

export default UsersProfiles02;