Home/Libraries/Noto Emoji (v1) (Iconify)/sun

Noto Emoji (v1) (Iconify)

Sun

License: Apache-2.0Commercial 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 128 128"><path fill="#818cf8" d="M64 30.34c-18.59 0-33.66 15.07-33.66 33.65c0 18.59 15.07 33.66 33.66 33.66s33.66-15.07 33.66-33.66c0-18.58-15.07-33.65-33.66-33.65m-7.24-6.13h14.49c.67 0 1.29-.33 1.68-.88c.38-.54.47-1.25.24-1.88L65.92 1.83C65.62 1.02 64.86.49 64 .49s-1.62.54-1.92 1.34l-7.25 19.63c-.23.63-.14 1.33.24 1.88c.39.55 1.02.87 1.69.87m40.5 16.78c.38.39.91.6 1.44.6q.18 0 .36-.03c.66-.12 1.21-.55 1.5-1.16l8.76-19.01c.36-.78.19-1.69-.41-2.3c-.61-.61-1.53-.77-2.31-.42l-19 8.77c-.61.28-1.04.84-1.16 1.5s.1 1.33.56 1.81zm28.92 21.09l-19.64-7.24c-.63-.23-1.33-.14-1.88.24s-.87 1-.87 1.67l.01 14.49c0 .67.33 1.3.88 1.68c.35.23.76.36 1.17.36c.24 0 .48-.04.71-.13l19.64-7.24c.8-.29 1.34-1.06 1.34-1.93c-.02-.84-.55-1.6-1.36-1.9M100.56 87.6a2.05 2.05 0 0 0-1.5-1.16c-.66-.11-1.34.1-1.8.57L87.01 97.26c-.47.47-.69 1.15-.57 1.81c.12.65.55 1.22 1.16 1.5l19.01 8.76c.27.13.56.18.86.18c.53 0 1.05-.21 1.44-.6c.61-.61.77-1.52.41-2.3zm-29.32 16.18l-14.49.01c-.67 0-1.29.33-1.67.88s-.47 1.25-.25 1.87l7.25 19.64c.3.8 1.06 1.34 1.92 1.34s1.62-.54 1.92-1.34l7.25-19.64c.23-.63.14-1.33-.24-1.88c-.39-.55-1.01-.88-1.69-.88m-40.5-16.77c-.47-.47-1.14-.68-1.8-.57c-.66.12-1.22.55-1.5 1.16l-8.76 19.01c-.36.78-.19 1.7.42 2.3a2.04 2.04 0 0 0 2.3.41l19.01-8.77a2.05 2.05 0 0 0 1.16-1.5c.12-.66-.1-1.33-.57-1.8zm-8.57-13.72c.41 0 .82-.13 1.17-.37c.55-.38.88-1.01.88-1.68l-.01-14.49a2.045 2.045 0 0 0-2.75-1.92L1.82 62.08a2.045 2.045 0 0 0 0 3.84l19.65 7.24c.23.09.46.13.7.13m5.28-32.89a2.05 2.05 0 0 0 3.31.59L41 30.74c.47-.48.68-1.15.56-1.81c-.12-.65-.55-1.21-1.16-1.49l-19.02-8.76c-.78-.36-1.69-.19-2.3.42s-.77 1.52-.41 2.3z"/></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. SunIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **Apache-2.0** 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.