Home/Libraries/Glyphs (Iconify)/sunny-mostly-outline

Glyphs (Iconify)

SunnyMostlyOutline

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" fill-rule="evenodd" d="M34.63 10a2 2 0 0 1 2 1.994l.026 8.624a2 2 0 0 1-2.014 2.006a2 2 0 0 1-2.04-2.006l.028-8.624a2 2 0 0 1 2-1.994m-17.634 5.73a2 2 0 0 1 2.79.437l5.091 6.961a2 2 0 0 1-.452 2.809a2 2 0 0 1-2.827-.426l-5.048-6.993a2 2 0 0 1 .446-2.789m35.267 0a2 2 0 0 1 .446 2.788l-.007.01l-5.04 6.983a2 2 0 0 1-2.81.437a2 2 0 0 1-.47-2.82l5.084-6.951l.007-.01a2 2 0 0 1 2.79-.438m-22.05 10.679a14.29 14.29 0 0 1 17.892 8.835q.426-.557.925-1.059a10.86 10.86 0 0 1 6.608-3.131l4.997-1.607l.012-.003a2 2 0 0 1 2.067 3.276c.656.414 1.272.896 1.834 1.443a11.04 11.04 0 0 1 3.217 6.212a9.14 9.14 0 0 1 3.496 2.135l.047.046A8.95 8.95 0 0 1 74 48.951c0 2.406-.97 4.71-2.692 6.394l-.047.046A9.15 9.15 0 0 1 64.86 58H52.305l-.038.001h-2.07l2.506 3.472l.007.01a2 2 0 0 1-3.236 2.351l-.007-.01l-5.084-6.951a2 2 0 0 1-.193-.324a9 9 0 0 1-1.45-1.156l-.047-.046a9 9 0 0 1-1.8-2.501q-.892.436-1.847.746a14.29 14.29 0 1 1-8.832-27.182m13.824 23.144a4.95 4.95 0 0 0 1.452 2.934l.047.046A5.15 5.15 0 0 0 49.138 54h13.448l.062-.001h2.214a5.15 5.15 0 0 0 3.602-1.467l.047-.046A4.95 4.95 0 0 0 70 48.95a4.95 4.95 0 0 0-1.489-3.535l-.047-.047a5.15 5.15 0 0 0-2.86-1.413a2 2 0 0 1-1.712-1.947l-.001-.102c-.03-1.813-.8-3.581-2.131-4.876A7.16 7.16 0 0 0 56.8 35h-.083a6.87 6.87 0 0 0-4.854 2.009a6.7 6.7 0 0 0-1.95 4.834l.001.133a2 2 0 0 1-1.658 2.003a5 5 0 0 0-.872.232l-.005.002l-.055.02a5.1 5.1 0 0 0-1.788 1.137l-.047.047a4.95 4.95 0 0 0-1.452 4.136m.839-8.597q.044-.476.044-.956a10.29 10.29 0 1 0-4.918 8.777a8.95 8.95 0 0 1 2.69-6.22l.047-.046q.126-.122.254-.239a9 9 0 0 1 1.883-1.316M6.098 30.729a2 2 0 0 1 2.514-1.285l8.21 2.639a2 2 0 0 1 1.284 2.544a2 2 0 0 1-2.536 1.311l-8.194-2.69a2 2 0 0 1-1.278-2.518m12.008 14.644a2 2 0 0 0-2.536-1.311l-8.182 2.686l-.012.004a2 2 0 0 0 1.236 3.804l.012-.003l8.199-2.636a2 2 0 0 0 1.283-2.544m6.319 8.69a2 2 0 0 0-2.827.426l-5.04 6.983l-.008.01a2 2 0 0 0 3.236 2.351l.007-.01l5.084-6.951a2 2 0 0 0-.452-2.809m10.217 3.313a2 2 0 0 1 2.014 2.006l-.026 8.612v.012a2 2 0 0 1-4 0v-.012l-.027-8.612a2 2 0 0 1 2.04-2.006" clip-rule="evenodd"/><path stroke="#818cf8" stroke-linecap="round" stroke-linejoin="round" d="M71.308 55.345A8.95 8.95 0 0 0 74 48.95c0-2.407-.97-4.711-2.692-6.395l-.047-.046a9.14 9.14 0 0 0-3.496-2.135a11.04 11.04 0 0 0-3.218-6.212a11.2 11.2 0 0 0-1.833-1.443a2 2 0 0 0-2.067-3.276l-.012.003l-4.997 1.607a10.86 10.86 0 0 0-6.608 3.131a11 11 0 0 0-.925 1.06a14.29 14.29 0 0 0-9.06-8.836a14.29 14.29 0 1 0 1.848 26.436a9 9 0 0 0 1.799 2.501l.047.046q.672.656 1.45 1.156a2 2 0 0 0 .194.324l5.083 6.951l.007.01a2 2 0 0 0 3.236-2.351l-.007-.01L50.196 58h12.436l.064-.001h2.166a9.15 9.15 0 0 0 6.399-2.608zm0 0q0 0 0 0M45.49 52.487A4.95 4.95 0 0 1 44 48.952c0-1.329.536-2.603 1.49-3.535l.046-.047a5.1 5.1 0 0 1 1.788-1.137l.055-.02l.005-.002a5 5 0 0 1 .872-.232a2 2 0 0 0 1.658-2.002l-.002-.134a6.7 6.7 0 0 1 1.951-4.834A6.87 6.87 0 0 1 56.717 35h.083a7.16 7.16 0 0 1 4.96 2.031c1.332 1.295 2.101 3.063 2.13 4.876l.002.102a2 2 0 0 0 1.712 1.947a5.15 5.15 0 0 1 2.86 1.413l.047.047A4.95 4.95 0 0 1 70 48.95a4.95 4.95 0 0 1-1.49 3.535l-.047.046m-22.974-.045q0 0 0 0m0 0l.047.046A5.15 5.15 0 0 0 49.138 54h13.448l.062-.001h2.214a5.15 5.15 0 0 0 3.602-1.467m0 0q0 0 0 0m-25.725-10.02l-.047.045a8.95 8.95 0 0 0-2.69 6.22a10.29 10.29 0 0 1-13.698-2.728a10.29 10.29 0 1 1 18.572-5.093a9.1 9.1 0 0 0-2.137 1.555m0 0q0 0 0 0m-6.11-30.518a2 2 0 0 0-4 0l-.026 8.624a2 2 0 0 0 2.04 2.006a2 2 0 0 0 2.014-2.006zm-16.843 4.173a2 2 0 0 0-3.236 2.351l5.048 6.993a2 2 0 0 0 2.827.426a2 2 0 0 0 .452-2.809zm32.923 2.351a2 2 0 0 0-3.236-2.351l-.007.01l-5.084 6.951a2 2 0 0 0 .47 2.82a2 2 0 0 0 2.81-.437l5.04-6.983zM8.612 29.444a2 2 0 0 0-1.236 3.804l8.194 2.69a2 2 0 0 0 2.536-1.311a2 2 0 0 0-1.283-2.544zm9.494 15.93a2 2 0 0 0-2.536-1.312l-8.182 2.686l-.012.004a2 2 0 0 0 1.236 3.804l.012-.003l8.199-2.636a2 2 0 0 0 1.283-2.544m6.319 8.69a2 2 0 0 0-2.827.425l-5.04 6.983l-.008.01a2 2 0 0 0 3.236 2.351l.007-.01l5.084-6.951a2 2 0 0 0-.452-2.809m11.41 3.696a2 2 0 0 0-1.193-.384a2 2 0 0 0-2.04 2.006l.028 8.612v.012a2 2 0 0 0 4 0v-.012l.026-8.612a2 2 0 0 0-.821-1.622"/></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. SunnyMostlyOutlineIcon.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 →