Vela UI Docs
venizia.ai

users-profiles-plus

UsersProfilesPlus, 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-plus.

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

Installation

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

Usage

// components/icons/users-profiles-plus.tsx
import UsersProfilesPlus from "@/components/icons/users-profiles-plus"

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

/** Custom vela-ui icon, synced from Figma (node under section "Icons"). */
export function UsersProfilesPlus({ size = 24, strokeWidth = 0, className, ref, ...props }: UsersProfilesPlusProps) {
  return (
    <svg
      ref={ref}
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      strokeWidth={strokeWidth}
      className={className}
      {...props}
    >
      <path d="M1.90002 21.5998C1.89999 21.876 2.12383 22.0999 2.39997 22.0999C2.67611 22.0999 2.89999 21.8761 2.90002 21.6L2.40002 21.5999L1.90002 21.5998ZM2.40043 17.9995L2.90043 17.9996L2.40043 17.9995ZM12.6 14.8999C12.8762 14.8999 13.1 14.676 13.1 14.3999C13.1 14.1238 12.8762 13.8999 12.6 13.8999V14.3999V14.8999ZM21.6 16.0999C21.8762 16.0999 22.1 15.876 22.1 15.5999C22.1 15.3238 21.8762 15.0999 21.6 15.0999V15.5999V16.0999ZM16.2 15.0999C15.9239 15.0999 15.7 15.3238 15.7 15.5999C15.7 15.876 15.9239 16.0999 16.2 16.0999V15.5999V15.0999ZM18.4 18.2998C18.4 18.5759 18.6239 18.7998 18.9 18.7998C19.1762 18.7998 19.4 18.5759 19.4 18.2998H18.9H18.4ZM19.4 12.8998C19.4 12.6236 19.1762 12.3998 18.9 12.3998C18.6239 12.3998 18.4 12.6236 18.4 12.8998H18.9H19.4ZM17.6445 1.96375C17.4036 1.82873 17.0989 1.91454 16.9639 2.15542C16.8288 2.3963 16.9147 2.70103 17.1555 2.83606L17.4 2.3999L17.6445 1.96375ZM17.1555 9.16375C16.9147 9.29877 16.8288 9.6035 16.9639 9.84438C17.0989 10.0853 17.4036 10.1711 17.6445 10.0361L17.4 9.5999L17.1555 9.16375ZM14.4 5.9999H13.9C13.9 7.71198 12.5121 9.0999 10.8 9.0999V9.5999V10.0999C13.0644 10.0999 14.9 8.26427 14.9 5.9999H14.4ZM10.8 9.5999V9.0999C9.08794 9.0999 7.70002 7.71198 7.70002 5.9999H7.20002H6.70002C6.70002 8.26427 8.53565 10.0999 10.8 10.0999V9.5999ZM7.20002 5.9999H7.70002C7.70002 4.28782 9.08794 2.8999 10.8 2.8999V2.3999V1.8999C8.53565 1.8999 6.70002 3.73553 6.70002 5.9999H7.20002ZM10.8 2.3999V2.8999C12.5121 2.8999 13.9 4.28782 13.9 5.9999H14.4H14.9C14.9 3.73553 13.0644 1.8999 10.8 1.8999V2.3999ZM2.40002 21.5999L2.90002 21.6L2.90043 17.9996L2.40043 17.9995L1.90043 17.9994L1.90002 21.5998L2.40002 21.5999ZM6.00043 14.3999V13.8999C3.73624 13.8999 1.90068 15.7353 1.90043 17.9994L2.40043 17.9995L2.90043 17.9996C2.90062 16.2876 4.28848 14.8999 6.00043 14.8999V14.3999ZM6.00043 14.3999V14.8999H12.6V14.3999V13.8999H6.00043V14.3999ZM21.6 15.5999V15.0999H18.9V15.5999V16.0999H21.6V15.5999ZM18.9 15.5999V15.0999H16.2V15.5999V16.0999H18.9V15.5999ZM18.9 18.2998H19.4V15.5999H18.9H18.4V18.2998H18.9ZM18.9 15.5999H19.4V12.8998H18.9H18.4V15.5999H18.9ZM17.4 2.3999L17.1555 2.83606C18.5025 3.59106 19.3 4.75517 19.3 5.9999H19.8H20.3C20.3 4.29439 19.2101 2.8413 17.6445 1.96375L17.4 2.3999ZM19.8 5.9999H19.3C19.3 7.24464 18.5025 8.40874 17.1555 9.16375L17.4 9.5999L17.6445 10.0361C19.2101 9.1585 20.3 7.70541 20.3 5.9999H19.8Z" fill="currentColor"/>
    </svg>
  );
}
UsersProfilesPlus.displayName = "UsersProfilesPlus";

export default UsersProfilesPlus;