Icono Sun Behind Rain Cloud

openmoji:sun-behind-rain-cloud

El icono Sun Behind Rain Cloud (openmoji:sun-behind-rain-cloud) es un icono SVG gratuito de la colección OpenMoji. Está dibujado en una cuadrícula de 72 × 72. OpenMoji icons se publican bajo la licencia CC BY-SA 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección: OpenMoji
Autor: OpenMoji
Licencia: CC-BY-SA-4.0
Tamaño: 72 × 72
Categoría: Viajes y lugares
Etiquetas: sunbehind, behindrain, raincloud, sunbehindraincloud

Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#fcea2b" d="m18.161 32.77l-3.287 1.72c-.867.454-2.012.06-2.265-.884a.6.6 0 0 1-.022-.152l.137-5.816l-8.065-1.163l6.036-5.473l-5.841-5.68l8.104-.878l-1.394-8.03l7.073 4.056l3.595-7.318l3.335 7.437l7.209-3.804l-1.666 7.976l5.994 1.625a1.228 1.228 0 0 1 .47 2.125l-4.123 3.48l5.818 5.781l-8.123.677l1.195 8.063l-6.97-4.22l-4.658 7.558z"/><path fill="#d0cfce" d="M25.62 30.56a.756.756 0 0 1-.673.678c-4.3.46-7.607 4.694-7.607 9.847c0 5.46 3.788 9.888 8.46 9.888h32.247c5.133 0 9.293-4.678 9.293-10.45c0-5.53-3.82-10.057-8.656-10.425a.805.805 0 0 1-.741-.649c-1.08-5.547-6.064-9.716-11.955-9.716c-3.83 0-7.24 1.734-9.455 4.491c-.217.27-.58.393-.9.26c-.852-.358-1.752-.531-2.76-.531c-3.805 0-6.93 2.905-7.254 6.607"/><path fill="#92d3f5" d="M28.693 59.223c-.751 1.164-2.134 1.603-3.09.986s-1.121-2.062-.37-3.225c0 0 .894-1.426 4.007-3.038c0 0 .617-.354.572.32c-.191 3.5-1.119 4.957-1.119 4.957"/><path fill="#61b2e4" d="M29.153 54.088c.544 1.65-.723 4.95-.723 4.95c-.959 1.368-2.134 1.502-3.142.796c0 0 2.72-.971 3.865-5.746"/><path fill="#92d3f5" d="M58.798 59.223c-.752 1.164-2.134 1.603-3.09.986s-1.122-2.062-.37-3.225c0 0 .894-1.426 4.006-3.038c0 0 .617-.354.573.32c-.192 3.5-1.119 4.957-1.119 4.957"/><path fill="#61b2e4" d="M59.257 54.088c.544 1.65-.722 4.95-.722 4.95c-.96 1.368-2.134 1.502-3.142.796c0 0 2.72-.971 3.864-5.746"/><path fill="#92d3f5" d="M43.746 59.223c-.752 1.164-2.135 1.603-3.09.986s-1.122-2.062-.37-3.225c0 0 .894-1.426 4.006-3.038c0 0 .617-.354.572.32c-.19 3.5-1.118 4.957-1.118 4.957"/><path fill="#61b2e4" d="M44.205 54.088c.544 1.65-.723 4.95-.723 4.95c-.958 1.368-2.133 1.502-3.142.796c0 0 2.72-.971 3.865-5.746"/><path fill="#92d3f5" d="M35.72 66.794c-.752 1.164-2.135 1.603-3.09.986c-.957-.618-1.122-2.062-.37-3.225c0 0 .894-1.425 4.006-3.038c0 0 .617-.354.572.32c-.191 3.5-1.118 4.957-1.118 4.957"/><path fill="#61b2e4" d="M36.179 61.659c.544 1.65-.723 4.95-.723 4.95c-.959 1.369-2.134 1.502-3.142.796c0 0 2.72-.971 3.865-5.746"/><path fill="#92d3f5" d="M50.772 66.794c-.752 1.164-2.134 1.603-3.09.986c-.956-.618-1.122-2.062-.37-3.225c0 0 .894-1.425 4.006-3.038c0 0 .617-.354.573.32c-.192 3.5-1.12 4.957-1.12 4.957"/><path fill="#61b2e4" d="M51.231 61.659c.544 1.65-.723 4.95-.723 4.95c-.958 1.369-2.133 1.502-3.141.796c0 0 2.72-.971 3.864-5.746"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round"><path stroke-width="1.9" d="m14.524 33.667l-3.2 1.796l1.666-7.976l-8.064-1.162l6.035-5.473L5.12 15.17l8.104-.877l-1.394-8.03l7.073 4.056l3.595-7.318l3.336 7.437l7.208-3.804l-1.666 7.976l8.065 1.162l-2.924 2.383"/><path stroke-width="1.9" d="M32.912 19.968c-.542-5.448-5.139-9.702-10.729-9.702c-5.955 0-10.782 4.828-10.782 10.783c0 4.282 2.496 7.98 6.113 9.721"/><path stroke-width="2" d="M25.62 30.56a.756.756 0 0 1-.673.678c-4.3.46-7.607 4.694-7.607 9.847c0 5.46 3.788 9.888 8.46 9.888h32.247c5.133 0 9.293-4.678 9.293-10.45c0-5.53-3.82-10.057-8.656-10.425a.805.805 0 0 1-.741-.649c-1.08-5.547-6.064-9.716-11.955-9.716c-3.83 0-7.24 1.734-9.455 4.491c-.217.27-.58.393-.9.26c-.852-.358-1.752-.531-2.76-.531c-3.805 0-6.93 2.905-7.254 6.607"/><path stroke-width="1.8" d="M28.693 59.223c-.751 1.164-2.134 1.603-3.09.986s-1.121-2.062-.37-3.225c0 0 .876-1.508 4.007-3.038c0 0 .617-.354.572.32c-.191 3.5-1.119 4.957-1.119 4.957m30.105 0c-.752 1.164-2.134 1.603-3.09.986s-1.122-2.062-.37-3.225c0 0 .876-1.508 4.006-3.038c0 0 .617-.354.573.32c-.192 3.5-1.119 4.957-1.119 4.957m-15.052 0c-.752 1.164-2.135 1.603-3.09.986s-1.122-2.062-.37-3.225c0 0 .876-1.508 4.006-3.038c0 0 .617-.354.572.32c-.19 3.5-1.118 4.957-1.118 4.957m-8.026 7.571c-.752 1.164-2.135 1.603-3.09.986c-.957-.618-1.122-2.062-.37-3.225c0 0 .876-1.508 4.006-3.038c0 0 .617-.354.572.32c-.191 3.5-1.118 4.957-1.118 4.957m15.052 0c-.752 1.164-2.134 1.603-3.09.986c-.956-.618-1.122-2.062-.37-3.225c0 0 .876-1.508 4.006-3.038c0 0 .617-.354.573.32c-.192 3.5-1.12 4.957-1.12 4.957"/></g></svg>

Cómo usar el icono Sun Behind Rain Cloud

React

import { Icon } from "@iconify/react";

<Icon icon="openmoji:sun-behind-rain-cloud" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="openmoji:sun-behind-rain-cloud" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="openmoji:sun-behind-rain-cloud" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--sun-behind-rain-cloud]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:sun-behind-rain-cloud"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="openmoji:sun-behind-rain-cloud"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/openmoji/sun-behind-rain-cloud.svg" alt="Icono Sun Behind Rain Cloud" width="24" height="24">

Iconos relacionados en OpenMoji

El icono Sun Behind Rain Cloud en otras colecciones

Preguntas frecuentes sobre Icono Sun Behind Rain Cloud

¿El icono Sun Behind Rain Cloud es gratis para uso comercial?

Sí. OpenMoji icons se publican bajo la licencia CC BY-SA 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia.

¿Cómo uso el icono Sun Behind Rain Cloud en React?

Instala @iconify/react y renderiza <Icon icon="openmoji:sun-behind-rain-cloud" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Sun Behind Rain Cloud a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/openmoji/sun-behind-rain-cloud.svg" alt="Icono Sun Behind Rain Cloud">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos OpenMoji →