Home/Libraries/Glyphs Poly (Iconify)/night

Glyphs Poly (Iconify)

Night

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 80 80"><g fill="none"><path fill="#818cf8" fill-rule="evenodd" d="M23.001 24.273a14.78 14.78 0 0 1 10.928-2.928c1.257.165 1.234 1.933.161 2.608q-.453.285-.88.614a11.615 11.615 0 0 0 1.846 19.588a8.2 8.2 0 0 0-3.127 5.276a9.4 9.4 0 0 0-3.032 1.022A14.782 14.782 0 0 1 23 24.273" clip-rule="evenodd"/><path fill="#818cf8" d="m33.93 21.345l.26-1.983zM23 24.273l-1.217-1.587zm11.09-.32l-1.066-1.692zm-.882.614l1.218 1.587zm-4.445 7.699l1.983.26zm2.301 8.586l1.587-1.217zm3.99 3.303l1.215 1.59a2 2 0 0 0-.315-3.376zm-2.95 4.426l-1.933-.51zm-.176.85l.305 1.976a2 2 0 0 0 1.672-1.672zm-3.032 1.022l-.42 1.955a2 2 0 0 0 1.372-.197zm-8.624-5.454l-1.587 1.217zM17.344 34.07l-1.983-.261zM34.19 19.36a16.78 16.78 0 0 0-12.406 3.325l2.435 3.173a12.78 12.78 0 0 1 9.45-2.532zm.966 6.285a3.74 3.74 0 0 0 1.726-3.251a3.23 3.23 0 0 0-.678-1.908a3.04 3.04 0 0 0-2.014-1.125l-.522 3.965a.96.96 0 0 1-.601-.36a.8.8 0 0 1-.183-.446a.27.27 0 0 1 .14-.26zm-.73.508a10 10 0 0 1 .73-.508l-2.131-3.385q-.532.334-1.033.72zm-3.679 6.373a9.62 9.62 0 0 1 3.68-6.373l-2.435-3.174a13.62 13.62 0 0 0-5.21 9.025zm1.905 7.108a9.62 9.62 0 0 1-1.905-7.108l-3.965-.522c-.472 3.58.498 7.2 2.697 10.065zm3.303 2.734a9.6 9.6 0 0 1-3.303-2.734l-3.174 2.435a13.6 13.6 0 0 0 4.678 3.871zM34.04 49.09a6.2 6.2 0 0 1 2.23-3.347l-2.428-3.178a10.2 10.2 0 0 0-3.67 5.505zm-.134.644q.05-.324.134-.644l-3.868-1.02q-.138.525-.22 1.056zM29.85 52.21a7.4 7.4 0 0 1 2.384-.804l-.61-3.953c-1.293.2-2.538.621-3.68 1.24zm-11.164-5.995a16.78 16.78 0 0 0 9.79 6.192l.84-3.91a12.78 12.78 0 0 1-7.457-4.717zM15.36 33.81a16.78 16.78 0 0 0 3.325 12.406l3.173-2.435a12.78 12.78 0 0 1-2.532-9.45zm6.423-11.124A16.78 16.78 0 0 0 15.36 33.81l3.966.522a12.78 12.78 0 0 1 4.892-8.473z"/><path fill="#818cf8" fill-rule="evenodd" d="M60.75 37.934a11.96 11.96 0 0 1 5.584 7.255a11.9 11.9 0 0 1 .254 5.004A9.34 9.34 0 0 1 72 58.66c0 2.477-.99 4.856-2.743 6.605a9.37 9.37 0 0 1-6.61 2.734H60.61l-.023.001H33.354a9.37 9.37 0 0 1-6.609-2.735A9.34 9.34 0 0 1 24 58.661c0-2.477.99-4.856 2.744-6.605a9.37 9.37 0 0 1 5.185-2.625q.066-.429.177-.85a8.2 8.2 0 0 1 3.826-5.01a8.24 8.24 0 0 1 7.831-.197l.613-1.058a12 12 0 0 1 7.286-5.577c3.067-.82 6.34-.387 9.089 1.195" clip-rule="evenodd"/><path fill="#818cf8" d="m66.334 45.189l1.931-.52zm-5.583-7.255l.998-1.733zm5.837 12.259l-1.974-.32a2 2 0 0 0 1.131 2.133zm2.669 1.862l-1.413 1.416zm0 13.21l-1.413-1.417zm-6.61 2.734v2zm-2.038 0v-2q-.077 0-.154.006zM35.407 68l.057-2h-.057zm-2.054 0v2zm-6.609-2.735l1.413-1.416zm0-13.21l-1.412-1.415zm5.185-2.624l.305 1.976a2 2 0 0 0 1.672-1.672zm.177-.85l1.933.51zm3.826-5.01l-.998-1.733zm6.264-.8l.526-1.93zm1.568.603l-.902 1.785a2 2 0 0 0 2.632-.783zm.612-1.058l-1.73-1.002zm7.286-5.577l-.517-1.932zm16.604 7.93a13.96 13.96 0 0 0-6.517-8.468l-1.996 3.467a9.96 9.96 0 0 1 4.65 6.04zm.296 5.844a13.9 13.9 0 0 0-.296-5.843l-3.864 1.038a9.9 9.9 0 0 1 .212 4.164zm2.107.126a11.4 11.4 0 0 0-3.238-2.26l-1.686 3.627c.773.36 1.485.853 2.1 1.465zM74 58.659c0-3.009-1.203-5.897-3.332-8.02l-2.825 2.832A7.34 7.34 0 0 1 70 58.66zm-3.332 8.022A11.34 11.34 0 0 0 74 58.66h-4a7.34 7.34 0 0 1-2.157 5.188zm-8.021 3.318c3.007 0 5.894-1.197 8.02-3.318l-2.824-2.833A7.37 7.37 0 0 1 62.648 66zm-2.039 0h2.039v-4h-2.039zm-.154-3.994q.065-.005.132-.005v4q.089 0 .177-.007zm.132-.005h-25.17v4h25.17zm-25.171 0h.048l-.113 4h.065zm-2.063 4h2.054v-4h-2.054zm-8.02-3.318A11.37 11.37 0 0 0 33.352 70v-4a7.37 7.37 0 0 1-5.196-2.15zM22 58.66a11.33 11.33 0 0 0 3.331 8.02l2.825-2.832A7.34 7.34 0 0 1 26 58.661zm3.331-8.021A11.34 11.34 0 0 0 22 58.66h4c0-1.943.778-3.813 2.157-5.188zm6.291-3.186a11.38 11.38 0 0 0-6.29 3.186l2.824 2.832a7.37 7.37 0 0 1 4.077-2.065zm-1.451.617q-.139.525-.22 1.056l3.954.608q.05-.324.133-.644zm4.762-6.233a10.2 10.2 0 0 0-4.762 6.233l3.867 1.02a6.2 6.2 0 0 1 2.891-3.786zm7.788-.996a10.24 10.24 0 0 0-7.788.996l1.996 3.467a6.24 6.24 0 0 1 4.741-.604zm1.943.746a10.3 10.3 0 0 0-1.943-.746l-1.051 3.86q.621.17 1.19.457zm-2.02-.274l-.612 1.057l3.461 2.005l.613-1.058zm8.5-6.507a14 14 0 0 0-8.5 6.507l3.462 2.004a10 10 0 0 1 6.071-4.646zM61.748 36.2a14.02 14.02 0 0 0-10.604-1.394l1.033 3.864a10.02 10.02 0 0 1 7.575.997z"/></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. NightIcon.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 →