Icono Sun Behind Rain Cloud
twemoji:sun-behind-rain-cloud
El icono Sun Behind Rain Cloud (twemoji:sun-behind-rain-cloud) es un icono SVG gratuito de la colección Twitter Emoji de Twitter. Está dibujado en una cuadrícula de 36 × 36. Twitter Emoji icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Twitter Emoji
- Autor
- Twitter
- Licencia
- CC-BY-4.0
- Tamaño
- 36 × 36
- Categoría
- Viajes y lugares
- Etiquetas
- sunbehind, behindrain, raincloud, sunbehindraincloud
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#ffac33" d="M13 2s0-2 2-2s2 2 2 2v2s0 2-2 2s-2-2-2-2zM4 13s2 0 2 2s-2 2-2 2H2s-2 0-2-2s2-2 2-2zm3.872-6.957s1.414 1.414 0 2.828s-2.828 0-2.828 0L3.629 7.458s-1.414-1.414 0-2.829c1.415-1.414 2.829 0 2.829 0zm17.085 2.828s-1.414 1.414-2.828 0s0-2.828 0-2.828l1.414-1.414s1.414-1.414 2.828 0s0 2.828 0 2.828z"/><circle cx="15" cy="15" r="8" fill="#ffac33"/><path fill="#e1e8ed" d="M28.223 12.8c-.803 0-1.575.119-2.304.34C25.057 10.731 22.718 9 19.958 9c-2.959 0-5.437 1.991-6.123 4.675a4.4 4.4 0 0 0-2.626-.875c-2.417 0-4.375 1.914-4.375 4.275c0 .573.12 1.119.329 1.619a5 5 0 0 0-1.302-.194C3.176 18.5 1 20.626 1 23.25S3.176 28 5.861 28h22.361C32.518 28 36 24.598 36 20.4s-3.482-7.6-7.777-7.6"/><path fill="#5dadec" d="m11.999 33.961l-.113-3.421l-2.869 1.708a1.96 1.96 0 0 0-1.036 1.799A2.033 2.033 0 0 0 10.057 36a1.974 1.974 0 0 0 1.942-2.039m-6.979-1.54L4.906 29l-2.869 1.708a1.96 1.96 0 0 0-1.036 1.799a2.033 2.033 0 0 0 2.076 1.953a1.974 1.974 0 0 0 1.943-2.039m14 .54l-.113-3.421l-2.869 1.708a1.96 1.96 0 0 0-1.036 1.799A2.033 2.033 0 0 0 17.078 35a1.974 1.974 0 0 0 1.942-2.039m5.978 1l-.113-3.421l-2.869 1.708a1.96 1.96 0 0 0-1.035 1.799A2.033 2.033 0 0 0 23.057 36a1.973 1.973 0 0 0 1.941-2.039m6.021-1.54L30.905 29l-2.869 1.708a1.96 1.96 0 0 0-1.035 1.799a2.03 2.03 0 0 0 2.076 1.953a1.974 1.974 0 0 0 1.942-2.039"/></svg>
Cómo usar el icono Sun Behind Rain Cloud
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:sun-behind-rain-cloud" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:sun-behind-rain-cloud" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:sun-behind-rain-cloud" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--sun-behind-rain-cloud]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji: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="twemoji:sun-behind-rain-cloud"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/twemoji/sun-behind-rain-cloud.svg" alt="Icono Sun Behind Rain Cloud" width="24" height="24">
Iconos relacionados en Twitter Emoji
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í. Twitter Emoji icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.
¿Cómo uso el icono Sun Behind Rain Cloud en React?
Instala @iconify/react y renderiza <Icon icon="twemoji: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/twemoji/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 Twitter Emoji →
ICONYZ
