Copy code import type { SVGProps } from "react";
export type IconProps = {
size?: number | string;
color?: string;
className?: string;
} & SVGProps<SVGSVGElement>;
export const Deepseek = ({
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="M21.79 5.88c-.21-.1-.3.09-.43.2-.04.03-.08.08-.11.11-.31.33-.67.55-1.14.52-.69-.04-1.28.18-1.8.71-.11-.65-.48-1.04-1.04-1.29-.29-.13-.59-.26-.8-.54-.14-.2-.18-.42-.25-.64-.05-.13-.09-.27-.24-.29-.17-.03-.23.11-.3.23-.26.48-.36 1-.35 1.53.02 1.2.53 2.15 1.53 2.83.11.08.14.16.11.27-.07.23-.15.46-.22.69-.05.15-.11.18-.27.12a4.8 4.8 0 0 1-1.45-.98c-.71-.69-1.36-1.45-2.16-2.05q-.285-.21-.57-.39c-.82-.8.11-1.45.32-1.53.23-.08.08-.36-.65-.36s-1.39.25-2.24.57a2 2 0 0 1-.39.11 7.7 7.7 0 0 0-2.4-.08c-1.57.17-2.82.92-3.75 2.19-1.11 1.52-1.37 3.25-1.05 5.06.34 1.9 1.31 3.48 2.8 4.71 1.55 1.28 3.33 1.9 5.36 1.78 1.23-.07 2.61-.24 4.16-1.55.39.2.8.27 1.48.33.53.05 1.03-.03 1.42-.11.61-.13.57-.7.35-.8-1.8-.84-1.4-.5-1.76-.77.91-1.08 2.29-2.2 2.83-5.84.04-.29 0-.47 0-.7 0-.14.03-.2.19-.21.45-.05.89-.18 1.29-.4 1.16-.64 1.63-1.68 1.74-2.93.02-.19 0-.39-.21-.49ZM11.65 17.15c-1.74-1.37-2.58-1.82-2.93-1.8-.33.02-.27.39-.2.64.08.24.17.41.31.62.1.14.16.35-.09.5-.56.35-1.53-.12-1.58-.14-1.13-.67-2.08-1.55-2.75-2.76-.64-1.16-1.02-2.41-1.08-3.73-.02-.32.08-.43.4-.49.42-.08.85-.09 1.27-.03 1.78.26 3.29 1.05 4.56 2.31.72.72 1.27 1.57 1.83 2.41.6.89 1.24 1.73 2.07 2.43.29.24.52.43.74.56-.67.07-1.78.09-2.54-.51Zm.83-5.37c0-.14.11-.26.25-.26.03 0 .06 0 .09.02.1.04.17.13.17.24 0 .14-.11.26-.25.26s-.25-.11-.25-.25Zm2.59 1.33c-.17.07-.33.13-.49.13-.24 0-.47-.07-.66-.21-.23-.19-.39-.3-.46-.63-.02-.16-.02-.33.01-.49.06-.27 0-.45-.2-.61-.16-.13-.35-.17-.57-.17-.07 0-.15-.03-.21-.07-.11-.05-.15-.17-.1-.28v-.02c.02-.04.13-.15.16-.17.3-.17.64-.11.95.01.29.12.52.34.83.65.33.38.39.48.57.76.15.22.28.45.37.71.06.16-.02.29-.21.38Z" />
</svg>
);Default · 24px · currentColor
UI examples Size, inline, toolbar, and dark UI — works for any icon style.
Deepseek Icon — Free SVG Component The Deepseek 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 Deepseek icon in React Import the Deepseek 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: <Deepseek 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 Accessible — supports aria attributes Tree-shakeable — only import what you use MIT licensed — free for commercial use Compatible frameworks React, Next.js (App Router & Pages Router), Vue, Remix, Svelte, Astro, Nuxt, Gatsby, Vite, Angular, Qwik.
Category: ai Browse more ai icons in the Next Icons library. All icons are hand-crafted SVGs optimized for web performance.