Copy code import type { SVGProps } from "react";
export type IconProps = {
size?: number | string;
color?: string;
className?: string;
} & SVGProps<SVGSVGElement>;
export const Polar = ({
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="M17.61 3.72C13.03.62 6.82 1.82 3.72 6.39S1.82 17.18 6.4 20.28c4.57 3.1 10.79 1.9 13.89-2.68 3.1-4.57 1.9-10.79-2.68-13.89Zm.18 9.51c-.6 2.79-1.94 5.12-3.56 6.51 1.15-1.71 2.03-4.31 2.35-7.28.41-3.88-.26-7.35-1.58-9.13 2.5 1.37 3.74 5.48 2.79 9.9M4.43 8.12c1.27-2.48 3.38-4.2 5.72-4.94-2.13 1.23-4 3.57-4.98 6.57-1.14 3.51-.76 7.03.75 9.33-2.75-2.61-3.47-7.09-1.49-10.96m1.79 2.64C6.81 8 8.13 5.69 9.73 4.3c-1.12 1.71-1.98 4.27-2.29 7.19-.42 3.93.28 7.44 1.64 9.2-2.54-1.34-3.8-5.48-2.85-9.93Zm5.91 9.45c-1.83.03-3.37-3.63-3.44-8.16-.07-4.54 1.35-8.24 3.18-8.27s3.37 3.63 3.44 8.16c.07 4.54-1.35 8.24-3.18 8.27m7.45-4.34c-1.3 2.54-3.49 4.29-5.9 5 2.21-1.2 4.16-3.59 5.16-6.67 1.13-3.46.77-6.92-.68-9.22 2.7 2.62 3.39 7.05 1.42 10.89" />
</svg>
);Default · 24px · currentColor
UI examples Size, inline, toolbar, and dark UI — works for any icon style.
Polar Icon — Free SVG Component The Polar 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 Polar icon in React Import the Polar 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: <Polar 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: brands Browse more brands icons in the Next Icons library. All icons are hand-crafted SVGs optimized for web performance.