Copy code import type { SVGProps } from "react";
export type IconProps = {
size?: number | string;
color?: string;
className?: string;
} & SVGProps<SVGSVGElement>;
export const ThreeJs = ({
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="M3.2 2.91c-.11 0-.2.09-.2.21v.05l2.19 8.87v.03l2.19 8.87c.03.11.14.18.25.15.03 0 .07-.03.09-.05l13.21-12.7c.08-.08.08-.21 0-.29-.02-.03-.06-.04-.09-.05l-4.38-1.26s-.06-.03-.09-.03L7.73 4.22s-.07-.03-.11-.03L3.24 2.93h-.06Zm.28.5 3.75 1.08L4.41 7.2l-.94-3.79Zm4.43 1.28 3.68 1.06-2.76 2.66zm-.4.09.92 3.73-3.69-1.06zm4.76 1.16L15.96 7l-2.77 2.67-.92-3.74Zm-.39.1.91 3.71L9.11 8.7l2.76-2.66Zm4.77 1.16 3.75 1.08-2.81 2.71-.93-3.79Zm-.4.09.92 3.73-3.69-1.06zm-11.69.53L8.32 8.9 5.5 11.62l-.94-3.79Zm4.43 1.27 3.69 1.06-2.77 2.67zm-.39.1.94 3.8-3.76-1.08zm4.75 1.16 3.76 1.08-2.82 2.72zm-.39.1.94 3.8-3.75-1.08 2.82-2.71ZM5.67 12.3l3.69 1.06-2.77 2.67zm4.43 1.28 3.68 1.06-2.76 2.66zm-.41.03.92 3.73-3.69-1.06zm-2.95 3.04 3.81 1.09-2.86 2.76z" />
</svg>
);Default · 24px · currentColor
UI examples Size, inline, toolbar, and dark UI — works for any icon style.
Related languages-frameworks icons
ThreeJs Icon — Free SVG Component The ThreeJs 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 ThreeJs icon in React Import the ThreeJs 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: <ThreeJs 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: languages-frameworks Browse more languages-frameworks icons in the Next Icons library. All icons are hand-crafted SVGs optimized for web performance.