Copy code import type { SVGProps } from "react";
export type IconProps = {
size?: number | string;
color?: string;
className?: string;
} & SVGProps<SVGSVGElement>;
export const OpenSea = ({
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="M12.09 2C6.5 1.95 1.96 6.5 2 12.09c.05 5.43 4.48 9.87 9.91 9.91 5.59.05 10.14-4.5 10.09-10.09-.04-5.43-4.48-9.87-9.91-9.91M9.1 6.98c.64.81 1.02 1.84 1.02 2.96 0 .97-.29 1.87-.78 2.62H5.87l3.22-5.58Zm10.57 6.09v.72s-.03.09-.07.1c-.24.1-1.01.46-1.33.91-.83 1.16-1.47 2.98-2.89 2.98H9.45A3.84 3.84 0 0 1 5.6 13.9c0-.06.05-.1.1-.1h2.81c.1 0 .17.08.17.17v.54c0 .29.23.52.52.52h2.13v-1.24H9.87a6.2 6.2 0 0 0 1.34-3.86c0-1.63-.62-3.11-1.64-4.22.62.07 1.21.2 1.76.36v-.35c0-.36.29-.65.65-.65s.65.29.65.65v.83c1.99.93 3.29 2.47 3.29 4.21 0 1.02-.45 1.97-1.22 2.77-.15.15-.35.24-.57.24h-1.5v1.24h1.89c.41 0 1.14-.77 1.48-1.24 0 0 .02-.02.06-.04l3.47-.8c.07-.02.14.03.14.11Z" />
</svg>
);Default · 24px · currentColor
UI examples Size, inline, toolbar, and dark UI — works for any icon style.
OpenSea Icon — Free SVG Component The OpenSea 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 OpenSea icon in React Import the OpenSea 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: <OpenSea 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.