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

export const PartyIcon = ({
  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="m16.83,7.17c-.1-.1-.21-.2-.32-.3.3-.51.49-1.12.49-1.87,0-2.93-2.39-4-4-4v2c.46,0,2,.17,2,2,0,.18-.03.33-.07.48-1.1-.89-2.21-1.63-3.24-2.13-2.49-1.19-3.76-.69-4.39-.06-.17.17-.32.38-.44.65h0s-.04.11-.04.11c-.04.1-.07.2-.1.31l-4.23,12.98c-.39,1.19-.08,2.48.81,3.36.63.63,1.47.97,2.33.97.34,0,.69-.05,1.03-.16l13.14-4.28c.08-.03.17-.05.25-.08h.02s0,0,0,0c.27-.12.48-.27.65-.44.63-.63,1.13-1.9-.06-4.39-.37-.77-.87-1.59-1.47-2.41.76-.52,1.7-.91,2.83-.91v-2c-1.67,0-3.03.59-4.08,1.34-.35-.39-.71-.78-1.09-1.17Zm-4.98,10c-.42-.2-.89-.49-1.36-.84-.51-.38-1.02-.82-1.51-1.31s-.93-.99-1.31-1.51c-.35-.47-.64-.95-.84-1.36-.18-.38-.26-.64-.29-.81l1.05-3.23c.8,1.52,2.04,3.17,3.58,4.71,1.54,1.54,3.19,2.78,4.71,3.58l-3.23,1.05c-.16-.03-.43-.1-.81-.29Zm-5.81,2.44c-.47.15-.98.03-1.33-.32s-.47-.86-.32-1.33l1.26-3.87c.13.2.26.4.41.61.44.59.94,1.17,1.5,1.73.56.56,1.14,1.06,1.73,1.5.21.15.41.28.61.41l-3.87,1.26Zm13.26-4.32s-.01,0-.02.01l-.16.05c-.3.04-.94-.04-1.94-.51-1.43-.68-3.06-1.9-4.59-3.43s-2.74-3.16-3.43-4.59c-.48-1-.56-1.64-.51-1.94l.05-.16s0-.02.01-.02c.04-.04.15-.07.33-.07.34,0,.93.12,1.79.52.8.38,1.67.95,2.55,1.63-.68.2-1.32.21-1.37.21v2c.84,0,2.03-.2,3.05-.76.12.12.25.22.37.34.36.36.7.72,1.02,1.09-.85.95-1.29,1.8-1.33,1.88l1.79.89s.28-.54.8-1.17c.46.65.86,1.29,1.15,1.9.62,1.3.57,2,.45,2.12Z" />
  </svg>
);

Icon

Party

Category

activity

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 activity icons

BanBookmarkColorFillCopyCropCutDislikeEdit