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

export const PerplexityAIIcon = ({
  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="M19.28 8.04h-1.89V3.29c0-.1-.06-.19-.15-.23a.25.25 0 0 0-.27.05l-4.71 4.58V2.25c0-.14-.11-.25-.25-.25s-.25.11-.25.25v5.44L7.04 3.11a.25.25 0 0 0-.27-.05c-.09.04-.15.13-.15.23v4.74H4.73c-.14 0-.25.11-.25.25v7.41c0 .14.11.25.25.25h1.89v4.76c0 .1.06.19.15.23s.2.02.27-.06l4.71-4.74v5.61c0 .14.11.25.25.25s.25-.11.25-.25v-5.61l4.71 4.74s.11.07.18.07c.03 0 .06 0 .1-.02.09-.04.15-.13.15-.23v-4.76h1.89c.14 0 .25-.11.25-.25V8.27c0-.14-.11-.25-.25-.25Zm-2.4 0h-4.27l4.27-4.15zM7.12 3.88l4.27 4.15H7.12zM4.98 15.44V8.53h6.43l-4.72 4.79s-.07.11-.07.18v1.94zm6.78-.01L7.13 20.1v-6.49l4.63-4.71v6.54Zm5.14 4.67-4.63-4.67V8.89l4.63 4.71v6.49Zm2.14-4.65H17.4v-1.94c0-.07-.03-.13-.07-.18l-4.72-4.79h6.43z" />
  </svg>
);

Icon

PerplexityAI

Category

ai

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

AnthropicBoltNeoClaudeAIDeepseekGeminiGithubCopilotLoomOllama