Icono Sun Behind Small Cloud
twemoji:sun-behind-small-cloud
El icono Sun Behind Small Cloud (twemoji:sun-behind-small-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
- Licencia
- CC-BY-4.0
- Tamaño
- 36 × 36
- Categoría
- Viajes y lugares
- Etiquetas
- sunbehind, behindsmall, smallcloud, sunbehindsmallcloud
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#ffac33" d="M16 2s0-2 2-2s2 2 2 2v2s0 2-2 2s-2-2-2-2zm18 14s2 0 2 2s-2 2-2 2h-2s-2 0-2-2s2-2 2-2zM4 16s2 0 2 2s-2 2-2 2H2s-2 0-2-2s2-2 2-2zm5.121-8.707s1.414 1.414 0 2.828s-2.828 0-2.828 0L4.878 8.708s-1.414-1.414 0-2.829c1.415-1.414 2.829 0 2.829 0zm20.587 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.828zm-21 21s-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="18" cy="18" r="10" fill="#ffac33"/><path fill="#e1e8ed" d="M29.777 23.2c-.642 0-1.26.1-1.843.285c-.688-2.028-2.56-3.485-4.767-3.485c-2.368 0-4.35 1.678-4.899 3.937a3.4 3.4 0 0 0-2.101-.736c-1.933 0-3.5 1.611-3.5 3.6c0 .483.096.941.264 1.363A3.7 3.7 0 0 0 11.889 28C9.741 28 8 29.791 8 32s1.741 4 3.889 4h17.889C33.214 36 36 33.136 36 29.6c0-3.535-2.786-6.4-6.223-6.4"/></svg>Cómo usar el icono Sun Behind Small Cloud
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:sun-behind-small-cloud" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:sun-behind-small-cloud" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:sun-behind-small-cloud" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--sun-behind-small-cloud]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:sun-behind-small-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-small-cloud"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/twemoji/sun-behind-small-cloud.svg" alt="Icono Sun Behind Small Cloud" width="24" height="24">Iconos relacionados en Twitter Emoji
El icono Sun Behind Small Cloud en otras colecciones
Preguntas frecuentes sobre Icono Sun Behind Small Cloud
¿El icono Sun Behind Small 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 Small Cloud en React?
Instala @iconify/react y renderiza <Icon icon="twemoji:sun-behind-small-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 Small 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-small-cloud.svg" alt="Icono Sun Behind Small Cloud">, o pega el código SVG en línea para darle estilo con CSS.