Vela UI Docs
venizia.ai

users-profiles-x

UsersProfilesX, 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-x.

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

Installation

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

Usage

// components/icons/users-profiles-x.tsx
import UsersProfilesX from "@/components/icons/users-profiles-x"

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

/** Custom vela-ui icon, synced from Figma (node under section "Icons"). */
export function UsersProfilesX({ size = 24, strokeWidth = 0, className, ref, ...props }: UsersProfilesXProps) {
  return (
    <svg
      ref={ref}
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      strokeWidth={strokeWidth}
      className={className}
      {...props}
    >
      <path d="M1.8999 21.5998C1.89987 21.876 2.1237 22.0999 2.39985 22.0999C2.67599 22.0999 2.89987 21.8761 2.8999 21.6L2.3999 21.5999L1.8999 21.5998ZM2.40031 17.9995L2.90031 17.9996L2.40031 17.9995ZM13.1999 14.8999C13.476 14.8999 13.6999 14.676 13.6999 14.3999C13.6999 14.1238 13.476 13.8999 13.1999 13.8999V14.3999V14.8999ZM21.2464 17.7535C21.4416 17.9487 21.7582 17.9487 21.9535 17.7535C22.1487 17.5582 22.1487 17.2416 21.9535 17.0463L21.5999 17.3999L21.2464 17.7535ZM18.1351 13.228C17.9398 13.0327 17.6232 13.0327 17.428 13.228C17.2327 13.4232 17.2327 13.7398 17.428 13.9351L17.7815 13.5815L18.1351 13.228ZM17.4281 17.0462C17.2328 17.2415 17.2328 17.5581 17.4281 17.7534C17.6233 17.9486 17.9399 17.9486 18.1352 17.7534L17.7816 17.3998L17.4281 17.0462ZM21.9536 13.935C22.1488 13.7397 22.1488 13.4231 21.9536 13.2279C21.7583 13.0326 21.4417 13.0326 21.2465 13.2279L21.6 13.5814L21.9536 13.935ZM14.3999 5.9999H13.8999C13.8999 7.71198 12.512 9.0999 10.7999 9.0999V9.5999V10.0999C13.0643 10.0999 14.8999 8.26427 14.8999 5.9999H14.3999ZM10.7999 9.5999V9.0999C9.08782 9.0999 7.6999 7.71198 7.6999 5.9999H7.1999H6.6999C6.6999 8.26427 8.53553 10.0999 10.7999 10.0999V9.5999ZM7.1999 5.9999H7.6999C7.6999 4.28782 9.08782 2.8999 10.7999 2.8999V2.3999V1.8999C8.53553 1.8999 6.6999 3.73553 6.6999 5.9999H7.1999ZM10.7999 2.3999V2.8999C12.512 2.8999 13.8999 4.28782 13.8999 5.9999H14.3999H14.8999C14.8999 3.73553 13.0643 1.8999 10.7999 1.8999V2.3999ZM2.3999 21.5999L2.8999 21.6L2.90031 17.9996L2.40031 17.9995L1.90031 17.9994L1.8999 21.5998L2.3999 21.5999ZM6.00031 14.3999V13.8999C3.73612 13.8999 1.90056 15.7353 1.90031 17.9994L2.40031 17.9995L2.90031 17.9996C2.9005 16.2876 4.28836 14.8999 6.00031 14.8999V14.3999ZM6.00031 14.3999V14.8999H13.1999V14.3999V13.8999H6.00031V14.3999ZM21.5999 17.3999L21.9535 17.0463L20.0443 15.1372L19.6907 15.4907L19.3372 15.8443L21.2464 17.7535L21.5999 17.3999ZM19.6907 15.4907L20.0443 15.1372L18.1351 13.228L17.7815 13.5815L17.428 13.9351L19.3372 15.8443L19.6907 15.4907ZM17.7816 17.3998L18.1352 17.7534L20.0443 15.8443L19.6907 15.4907L19.3372 15.1372L17.4281 17.0462L17.7816 17.3998ZM19.6907 15.4907L20.0443 15.8443L21.9536 13.935L21.6 13.5814L21.2465 13.2279L19.3372 15.1372L19.6907 15.4907Z" fill="currentColor"/>
    </svg>
  );
}
UsersProfilesX.displayName = "UsersProfilesX";

export default UsersProfilesX;