Home/Libraries/Glyphs (Iconify)/day-outline

Glyphs (Iconify)

DayOutline

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-opacity=".25" d="M36 11.994a2 2 0 0 0-4 0l-.025 8.008a2 2 0 0 0 2.04 2.006a2 2 0 0 0 2.01-2.006zm-15.668 3.791a2 2 0 0 0-3.236 2.351l4.687 6.494a2 2 0 0 0 2.825.427a2 2 0 0 0 .451-2.808zm30.572 2.351a2 2 0 0 0-3.236-2.351l-.007.01l-4.72 6.454a2 2 0 0 0 .468 2.82a2 2 0 0 0 2.809-.44l4.679-6.483z"/><path fill="#818cf8" fill-opacity=".25" fill-rule="evenodd" d="M29.855 25.244a13.413 13.413 0 0 0-2.99 24.114a11.4 11.4 0 0 0-2.013 1.79a2 2 0 0 0-.242-.204a2 2 0 0 0-2.827.426l-4.68 6.484l-.007.01a2 2 0 0 0 3.236 2.351l.007-.01l1.687-2.306q-.026.38-.026.761c0 3.01 1.203 5.899 3.332 8.021A11.37 11.37 0 0 0 33.352 70h29.295c3.007 0 5.894-1.198 8.021-3.32A11.34 11.34 0 0 0 74 58.66a11.34 11.34 0 0 0-5.281-9.578a13.9 13.9 0 0 0-.454-4.412a13.96 13.96 0 0 0-6.517-8.47a14.02 14.02 0 0 0-14.423.269a13.414 13.414 0 0 0-17.47-11.225M46.49 42.708a10 10 0 0 0-.384.61l-.612 1.058a2 2 0 0 1-2.633.783a6.24 6.24 0 0 0-5.932.146a6.2 6.2 0 0 0-2.885 3.767l-.005.019a6 6 0 0 0-.134.644a2 2 0 0 1-1.671 1.672a7.37 7.37 0 0 0-4.078 2.065A7.34 7.34 0 0 0 26 58.66c0 1.944.778 3.815 2.156 5.189a7.37 7.37 0 0 0 5.197 2.15h2.054l.022.001h27.218a7.37 7.37 0 0 0 5.197-2.152A7.34 7.34 0 0 0 70 58.66a7.34 7.34 0 0 0-4.255-6.654a2 2 0 0 1-1.132-2.134a9.9 9.9 0 0 0-.211-4.164a9.96 9.96 0 0 0-4.65-6.04a10 10 0 0 0-13.263 3.04m-3.476-1.996A9.411 9.411 0 0 0 31.09 29.048a9.412 9.412 0 0 0-.485 17.732a10.2 10.2 0 0 1 4.328-4.942a10.24 10.24 0 0 1 7.965-.946z" clip-rule="evenodd"/><path fill="#818cf8" fill-opacity=".25" d="M9.885 28.062a2 2 0 0 0-1.236 3.804l7.609 2.498a2 2 0 0 0 2.534-1.31a2 2 0 0 0-1.283-2.542zm49.466 3.804a2 2 0 0 0-1.236-3.805l-.012.004l-7.611 2.447a2 2 0 0 0-1.28 2.55a2 2 0 0 0 2.531 1.302l7.596-2.494zm-41.296 10.05a2 2 0 0 1 .737 1.028a2 2 0 0 1-1.283 2.543l-7.613 2.448l-.011.003a2 2 0 0 1-1.236-3.804l.011-.004l7.598-2.494a2 2 0 0 1 1.797.28"/><path stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M42.861 45.159a2 2 0 0 0 2.633-.783l.612-1.058a10 10 0 0 1 6.072-4.647a10.02 10.02 0 0 1 7.574.996a9.96 9.96 0 0 1 4.65 6.04c.368 1.37.435 2.79.211 4.165a2 2 0 0 0 1.132 2.134A7.34 7.34 0 0 1 70 58.66a7.34 7.34 0 0 1-2.156 5.188A7.37 7.37 0 0 1 62.647 66H60.61l-.06.001H33.353a7.37 7.37 0 0 1-5.197-2.151A7.34 7.34 0 0 1 26 58.661a7.34 7.34 0 0 1 2.156-5.189a7.37 7.37 0 0 1 4.078-2.065a2 2 0 0 0 1.67-1.672a7 7 0 0 1 .135-.644l.005-.02a6.2 6.2 0 0 1 2.886-3.766a6.24 6.24 0 0 1 5.931-.146m0 0q0 0 0 0M34 10a2 2 0 0 1 2 1.994l.025 8.008a2 2 0 0 1-2.01 2.006a2 2 0 0 1-2.04-2.006L32 11.994A2 2 0 0 1 34 10m-16.458 5.348a2 2 0 0 1 2.79.437l4.727 6.464a2 2 0 0 1-.451 2.808a2 2 0 0 1-2.825-.427l-4.687-6.494a2 2 0 0 1 .446-2.788m32.916 0a2 2 0 0 1 .446 2.788l-.007.01l-4.68 6.483a2 2 0 0 1-2.808.44a2 2 0 0 1-.468-2.82l4.72-6.454l.007-.01a2 2 0 0 1 2.79-.437m-27.31 14.768a13.413 13.413 0 0 1 24.177 6.353a14 14 0 0 1 14.423-.268a13.96 13.96 0 0 1 6.517 8.469c.39 1.45.538 2.94.454 4.412A11.34 11.34 0 0 1 74 58.66c0 3.01-1.203 5.898-3.332 8.02a11.37 11.37 0 0 1-8.02 3.32H33.351a11.37 11.37 0 0 1-8.02-3.319a11.34 11.34 0 0 1-3.306-8.782l-1.687 2.306l-.007.01a2 2 0 0 1-3.236-2.351l.007-.01l4.68-6.484a2 2 0 0 1 2.827-.426q.13.093.242.205a11.3 11.3 0 0 1 2.014-1.791a13.41 13.41 0 0 1-3.717-19.242m19.866 10.596A9.411 9.411 0 0 0 31.09 29.048a9.412 9.412 0 0 0-.485 17.732a10.2 10.2 0 0 1 4.328-4.942a10.24 10.24 0 0 1 7.965-.946zM7.37 29.347a2 2 0 0 1 2.515-1.286l7.624 2.451a2 2 0 0 1 1.283 2.543a2 2 0 0 1-2.535 1.31l-7.608-2.5a2 2 0 0 1-1.279-2.517m53.26 0a2 2 0 0 1-1.279 2.519l-.011.004l-7.597 2.494a2 2 0 0 1-2.532-1.302a2 2 0 0 1 1.28-2.55l7.612-2.447l.012-.004a2 2 0 0 1 2.515 1.287M18.792 42.944a2 2 0 0 0-2.535-1.307L8.66 44.13l-.011.004a2 2 0 0 0 1.236 3.804l.011-.003l7.613-2.448a2 2 0 0 0 1.283-2.544"/></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. DayOutlineIcon.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 (Iconify)

Browse all Glyphs (Iconify) icons →