next-icons-logoNext IconsAll Icons
export type IconProps = {
  size?: number | string;
  color?: string;
  className?: string;
} & React.SVGProps<SVGSVGElement>;

export const UserCrossIcon = ({
  size = 24,
  color = "currentColor",
  className,
  ...props
}: IconProps) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    viewBox="0 0 24 24"
    width={size}
    height={size}
    fill={color}
    className={className}
    {...props}
  >
      <path d="M20.12 8.46 18 10.59l-2.12-2.13-1.42 1.42L16.59 12l-2.13 2.12 1.42 1.42L18 13.41l2.12 2.13 1.42-1.42L19.41 12l2.13-2.12zM8 12c2.28 0 4-1.72 4-4s-1.72-4-4-4-4 1.72-4 4 1.72 4 4 4m0-6c1.18 0 2 .82 2 2s-.82 2-2 2-2-.82-2-2 .82-2 2-2M9 13H7c-2.76 0-5 2.24-5 5v1c0 .55.45 1 1 1h10c.55 0 1-.45 1-1v-1c0-2.76-2.24-5-5-5m-5 5c0-1.65 1.35-3 3-3h2c1.65 0 3 1.35 3 3z" />
  </svg>
);

Icon

UserCross

Category

users

Use case

Use this icon in navbar items, social link groups, profile actions, settings rows, and call-to-action buttons.

Size

48px

Color

#18181b

Related users icons

FemaleMaleTransgenderUserUserCheckUserCommunityUserGroupUserMinus