Home/Libraries/Glyphs Poly (Iconify)/sunrise

Glyphs Poly (Iconify)

Sunrise

License: MITCommercial Safe

ICON SIZE

STROKE WEIGHT1.5px

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 80 80"><g fill="none"><path fill="#818cf8" fill-rule="evenodd" d="M29.982 40.131L40.697 47.8l10.715-7.669l2.154 13l13 2.154L58.895 66h-7.113a11.086 11.086 0 1 0-22.173 0h-7.113l-7.669-10.715l13-2.154z" clip-rule="evenodd"/><path fill="#818cf8" d="m40.697 47.8l-1.164 1.626a2 2 0 0 0 2.328 0zm-10.715-7.669l1.164-1.626a2 2 0 0 0-3.137 1.3zm21.43 0l1.973-.327a2 2 0 0 0-3.137-1.299zm2.154 13l-1.973.327a2 2 0 0 0 1.646 1.646zm13 2.154l1.626 1.164a2 2 0 0 0-1.3-3.137zM58.895 66l-1.626-1.164a2 2 0 0 0-.012 2.31zm0 0v2a2 2 0 0 0 1.64-3.147zm-7.113 0h-2a2 2 0 0 0 2 2zm-3.247-7.84l1.414-1.414zm-15.679 0l1.415 1.415zM29.61 66v2a2 2 0 0 0 2-2zm-7.113 0l-1.625-1.166A2 2 0 0 0 22.497 68zm0 0l1.624 1.166a2 2 0 0 0 .002-2.33zm-7.669-10.715l-.327-1.973a2 2 0 0 0-1.3 3.137zm13-2.154l.326 1.973a2 2 0 0 0 1.646-1.646zm14.033-6.957l-10.715-7.669l-2.328 3.253l10.715 7.668zm8.387-7.669l-10.715 7.669l2.328 3.252l10.715-7.668zm5.291 14.299l-2.154-13l-3.946.654l2.154 13zm11.353.508l-12.999-2.154l-.654 3.946l13 2.154zm-6.369 13.852l7.669-10.715l-3.253-2.328l-7.669 10.715zm.012-2.31v-.001l-3.277 2.294zM51.783 68h7.114v-4h-7.114zm2-2h-4zm0 0c0-3.47-1.379-6.8-3.833-9.254l-2.828 2.829A9.1 9.1 0 0 1 49.783 66zm-3.833-9.254a13.1 13.1 0 0 0-9.253-3.833v4c2.41 0 4.72.958 6.425 2.662zm-9.253-3.833c-3.471 0-6.8 1.38-9.254 3.833l2.829 2.829a9.1 9.1 0 0 1 6.425-2.662zm-9.254 3.833A13.1 13.1 0 0 0 27.61 66h4c0-2.41.958-4.721 2.662-6.425zM27.61 66h4zm-5.113 2h7.113v-4h-7.113zm-1.625-3.166l3.25 2.332zm-7.67-8.385l7.668 10.715l3.253-2.328l-7.669-10.715zM27.5 51.158l-12.999 2.154l.654 3.946l13-2.154zm.509-11.354l-2.155 13l3.947.654l2.154-13z"/><path fill="#818cf8" fill-rule="evenodd" d="M40.697 54.914A11.086 11.086 0 0 0 29.61 66h22.173a11.087 11.087 0 0 0-11.086-11.086" clip-rule="evenodd"/><path fill="#818cf8" d="m32.857 58.16l-1.414-1.413zM29.61 66h-2a2 2 0 0 0 2 2zm22.173 0v2a2 2 0 0 0 2-2zm-3.247-7.84l1.414-1.413zm-14.264 1.415a9.1 9.1 0 0 1 6.425-2.661v-4c-3.471 0-6.8 1.378-9.254 3.832zM31.61 66c0-2.41.958-4.721 2.662-6.425l-2.829-2.829A13.1 13.1 0 0 0 27.61 66zm0 0h-4zm-2 2h22.173v-4H29.61zm20.173-2h4zm-2.661-6.425A9.1 9.1 0 0 1 49.783 66h4c0-3.47-1.378-6.8-3.833-9.254zm-6.425-2.661c2.41 0 4.72.957 6.425 2.661l2.828-2.829a13.1 13.1 0 0 0-9.253-3.832z"/><path stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8.5 66.131h64"/><path fill="#818cf8" d="M42.499 20a2 2 0 0 0-4 0zm-4 18a2 2 0 1 0 4 0zm0-18v18h4V20z"/><path fill="#818cf8" stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M47.585 20h-14.17c-.819 0-1.117-1.079-.415-1.5l6.214-3.728a2.5 2.5 0 0 1 2.572 0L48 18.5c.702.421.404 1.5-.416 1.5"/></g></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. SunriseIcon.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.

Related Icons in Glyphs Poly (Iconify)

Browse all Glyphs Poly (Iconify) icons →