Home/Libraries/Phosphor (Iconify)/planet-light

Phosphor (Iconify)

PlanetLight

License: MITCommercial Safe

ICON SIZE

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="#818cf8" d="M243.39 61.68c-7.24-12.48-27-15-57.24-7.49A93.92 93.92 0 0 0 34.05 128a94.5 94.5 0 0 0 .9 13c-21.86 22.38-29.56 40.78-22.29 53.32c4.5 7.76 14 11.69 27.86 11.69a116.4 116.4 0 0 0 25-3.16c1.45-.32 2.92-.68 4.41-1a93.95 93.95 0 0 0 151.19-86.89c12.65-13 21.11-25.32 23.86-35.6c1.78-6.83 1.26-12.77-1.59-17.68M128 46a82.12 82.12 0 0 1 80.19 64.94c-16 15.3-38.14 31.67-63.3 46.12c-27.4 15.76-52.1 25.94-72.04 31.54A82 82 0 0 1 128 46M23 188.3c-3.52-6.07 2.31-18.56 15-33a94 94 0 0 0 21.07 36.62c-19.65 3.82-32.68 2.16-36.07-3.62M128 210a81.4 81.4 0 0 1-43.35-12.45c20.68-6.71 43.56-17.06 66.22-30.08c22.83-13.12 43.13-27.67 59.05-41.91c0 .81.06 1.62.06 2.44A82.08 82.08 0 0 1 128 210M233.35 76.21c-1.88 7-7.28 15.49-15.36 24.61a93.9 93.9 0 0 0-21.1-36.7c15.82-3.05 32-3.49 36.12 3.58c1.19 2.05 1.3 4.92.34 8.51"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. PlanetLightIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.