Home/Libraries/Noto Emoji (v1) (Iconify)/sun-behind-small-cloud

Noto Emoji (v1) (Iconify)

SunBehindSmallCloud

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="M244.06 30.03c-16.92 0-30.65 13.72-30.65 30.64c0 16.93 13.72 30.65 30.65 30.65c16.92 0 30.65-13.72 30.65-30.65c0-16.92-13.72-30.64-30.65-30.64m-6.59-5.59h13.2c.61 0 1.18-.3 1.53-.8c.34-.5.42-1.13.22-1.71l-6.6-17.87c-.27-.74-.97-1.23-1.75-1.23s-1.48.49-1.74 1.23l-6.6 17.88c-.21.57-.13 1.22.22 1.71c.34.5.91.79 1.52.79m36.88 15.28a1.88 1.88 0 0 0 1.65.52c.6-.11 1.11-.5 1.36-1.05l7.97-17.31c.33-.71.18-1.54-.37-2.09c-.55-.56-1.39-.71-2.1-.38l-17.31 7.98c-.55.26-.95.76-1.05 1.36c-.11.6.09 1.21.51 1.65zm26.33 19.2l-17.89-6.59c-.57-.21-1.21-.13-1.71.22s-.8.91-.8 1.53l.01 13.19c0 .61.3 1.18.8 1.53c.32.21.69.33 1.06.33c.22 0 .44-.04.64-.12l17.88-6.6a1.87 1.87 0 0 0 1.22-1.75c.01-.77-.48-1.47-1.21-1.74m-23.33 23.24c-.26-.55-.76-.95-1.36-1.06c-.6-.1-1.22.09-1.65.52l-9.33 9.33c-.43.43-.62 1.04-.52 1.64s.5 1.11 1.05 1.36l17.31 7.98c.25.12.51.17.78.17c.48 0 .96-.19 1.31-.54c.55-.56.71-1.39.37-2.1zM250.66 96.9l-13.2.01c-.61 0-1.18.3-1.52.8c-.35.5-.43 1.14-.22 1.7l6.6 17.88a1.857 1.857 0 0 0 3.49 0l6.6-17.89c.21-.57.13-1.21-.22-1.7c-.35-.51-.92-.8-1.53-.8m-36.88-15.28c-.43-.43-1.04-.62-1.64-.52c-.6.11-1.11.51-1.36 1.06l-7.98 17.31a1.874 1.874 0 0 0 1.69 2.65c.27 0 .53-.06.78-.17l17.31-7.98c.56-.26.95-.77 1.06-1.37s-.09-1.21-.52-1.64zm-7.8-12.49a1.88 1.88 0 0 0 1.86-1.87l-.01-13.19a1.87 1.87 0 0 0-2.51-1.75l-17.88 6.6c-.73.27-1.22.97-1.22 1.75c0 .77.48 1.47 1.22 1.74L205.33 69c.21.09.43.13.65.13m4.8-29.95a1.868 1.868 0 0 0 3.01.54l9.33-9.34a1.862 1.862 0 0 0-.54-3l-17.32-7.98c-.71-.33-1.54-.18-2.09.38c-.55.55-.7 1.38-.37 2.09z"/><path fill="#818cf8" d="M263.75 82.39q-.015 0 0 0c-.01-.06 0-.11 0-.17c0-7.8-6.32-14.12-14.12-14.12c-1 0-1.98.11-2.93.31c-2.8-6.81-9.49-11.61-17.31-11.61c-5.87 0-11.11 2.71-14.54 6.94c-2.21-1.12-4.7-1.77-7.35-1.77c-8.45 0-15.39 6.44-16.2 14.68c-9.2.48-16.57 8.02-16.7 17.36c-.13 9.74 7.67 17.74 17.41 17.86c.76.01 1.5-.04 2.23-.13c3.76 7.93 11.84 13.42 21.21 13.42c5.65 0 10.83-2 14.88-5.32c3.1 2.29 6.91 3.67 11.06 3.67c8.51 0 15.67-5.71 17.9-13.5c1.4.46 2.9.73 4.46.73c7.83 0 14.17-6.34 14.17-14.17c0-7.84-6.35-14.18-14.17-14.18"/><path fill="#818cf8" d="M272.07 85.09c3.21 3.24.94 10.68-1.27 13.1c-4.34 4.76-12.32 3.65-15.52 2.96c-.87-.19-1.01-.12-1.29.05c-.25.15-.37.4-.64.98c-1.03 2.22-3.69 6.53-9.31 8.26c-5.85 1.81-11.37-.94-13.96-2.59c-.98-.62-1.02-.64-1.46-.63c-.45 0-.89.33-1.42.75c-2.33 1.84-7.67 5.08-15.89 4.61c-8.06-.46-12.68-5.43-14.26-7.99c-.3-.49-.63-.9-1-.94c-.43-.04-.91.4-1.28.76c-3.43 3.34-14.22 4.34-17.81-1.35c3.64 5.84 9.27 8.73 15.04 8.8c.76.01 1.5-.04 2.23-.13c3.76 7.93 11.84 13.42 21.21 13.42c5.65 0 10.83-2 14.88-5.32c3.1 2.29 6.91 3.67 11.06 3.67c8.51 0 15.67-5.71 17.9-13.5c1.4.46 2.9.73 4.46.73c7.83 0 14.17-6.34 14.17-14.17c.01-4.17-2.09-8.87-5.84-11.47"/><path fill="#818cf8" d="M69.81 30.03c-16.92 0-30.65 13.72-30.65 30.64c0 16.93 13.72 30.65 30.65 30.65c16.92 0 30.65-13.72 30.65-30.65c0-16.92-13.72-30.64-30.65-30.64m-6.59-5.59h13.2c.61 0 1.18-.3 1.53-.8c.34-.5.42-1.13.22-1.71l-6.6-17.87c-.27-.74-.97-1.23-1.75-1.23s-1.48.49-1.74 1.23l-6.6 17.88c-.21.57-.13 1.22.22 1.71c.34.5.91.79 1.52.79m36.88 15.28a1.88 1.88 0 0 0 1.65.52c.6-.11 1.11-.5 1.36-1.05l7.97-17.31c.33-.71.18-1.54-.37-2.09c-.55-.56-1.39-.71-2.1-.38L91.3 27.38c-.55.26-.95.76-1.05 1.36c-.11.6.09 1.21.51 1.65zm26.33 19.2l-17.89-6.59c-.57-.21-1.21-.13-1.71.22s-.8.91-.8 1.53l.01 13.19c0 .61.3 1.18.8 1.53c.32.21.69.33 1.06.33c.22 0 .44-.04.64-.12l17.88-6.6a1.87 1.87 0 0 0 1.22-1.75c.01-.77-.48-1.47-1.21-1.74M103.1 82.16c-.26-.55-.76-.95-1.36-1.06c-.6-.1-1.22.09-1.65.52l-9.33 9.33c-.43.43-.62 1.04-.52 1.64s.5 1.11 1.05 1.36l17.31 7.98c.25.12.51.17.78.17c.48 0 .96-.19 1.31-.54c.55-.56.71-1.39.37-2.1zM76.41 96.9l-13.2.01c-.61 0-1.18.3-1.52.8c-.35.5-.43 1.14-.22 1.7l6.6 17.88a1.857 1.857 0 0 0 3.49 0l6.6-17.89c.21-.57.13-1.21-.22-1.7c-.35-.51-.92-.8-1.53-.8M39.53 81.62c-.43-.43-1.04-.62-1.64-.52c-.6.11-1.11.51-1.36 1.06l-7.98 17.31a1.874 1.874 0 0 0 1.69 2.65c.27 0 .53-.06.78-.17l17.31-7.98c.56-.26.95-.77 1.06-1.37s-.09-1.21-.52-1.64zm-7.8-12.49a1.88 1.88 0 0 0 1.86-1.87l-.01-13.19a1.87 1.87 0 0 0-2.51-1.75l-17.89 6.6c-.73.27-1.22.97-1.22 1.75c0 .77.48 1.47 1.22 1.74L31.07 69c.22.09.44.13.66.13m4.8-29.95a1.868 1.868 0 0 0 3.01.54l9.33-9.34a1.862 1.862 0 0 0-.54-3L31.01 19.4c-.71-.33-1.54-.18-2.09.38c-.55.55-.7 1.38-.37 2.09z"/><path fill="#818cf8" d="M89.5 82.39q-.015 0 0 0c-.01-.06 0-.11 0-.17c0-7.8-6.32-14.12-14.12-14.12c-1 0-1.98.11-2.93.31c-2.8-6.81-9.49-11.61-17.31-11.61c-5.87 0-11.11 2.71-14.54 6.94c-2.21-1.12-4.7-1.77-7.35-1.77c-8.45 0-15.39 6.44-16.2 14.68C7.85 77.13.47 84.66.35 94c-.13 9.74 7.67 17.74 17.41 17.86c.76.01 1.5-.04 2.23-.13c3.76 7.93 11.84 13.42 21.21 13.42c5.65 0 10.83-2 14.88-5.32c3.1 2.29 6.91 3.67 11.06 3.67c8.51 0 15.67-5.71 17.9-13.5c1.4.46 2.9.73 4.46.73c7.83 0 14.17-6.34 14.17-14.17S97.32 82.39 89.5 82.39"/><path fill="#818cf8" d="M97.82 85.09c3.21 3.24.94 10.68-1.27 13.1c-4.34 4.76-12.32 3.65-15.52 2.96c-.87-.19-1.01-.12-1.29.05c-.25.15-.37.4-.64.98c-1.03 2.22-3.69 6.53-9.31 8.26c-5.85 1.81-11.37-.94-13.96-2.59c-.98-.62-1.02-.64-1.46-.63c-.45 0-.89.33-1.42.75c-2.33 1.84-7.67 5.08-15.89 4.61c-8.06-.46-12.68-5.43-14.26-7.99c-.3-.49-.63-.9-1-.94c-.43-.04-.91.4-1.28.76c-3.43 3.34-14.22 4.34-17.81-1.35c3.64 5.84 9.27 8.73 15.04 8.8c.76.01 1.5-.04 2.23-.13c3.76 7.93 11.84 13.42 21.21 13.42c5.65 0 10.83-2 14.88-5.32c3.1 2.29 6.91 3.67 11.06 3.67c8.51 0 15.67-5.71 17.9-13.5c1.4.46 2.9.73 4.46.73c7.83 0 14.17-6.34 14.17-14.17c.01-4.17-2.09-8.87-5.84-11.47"/></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. SunBehindSmallCloudIcon.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.