The Perplexity AI icon is a free, open-source SVG icon component built with TypeScript for React, Next.js, Vue, Remix, Svelte, and Astro projects. No npm install or package dependency required — just copy the component code and paste it into your project.
How to use Perplexity AI icon in React
Import the Perplexity AI component from your icons folder. Use it as a standard React component with props: size (number), color (string), className (string), and all standard SVG attributes via spread props.
Example: <Perplexity AI size={24} color=“currentColor“ className=“shrink-0“ />
Features
Zero dependencies — no package install needed
TypeScript ready with full type safety
Fully customizable size, color, and className
Works with Tailwind CSS, styled-components, CSS modules