Icono Wb Sunny Outline Rounded
material-symbols:wb-sunny-outline-rounded
El icono Wb Sunny Outline Rounded (material-symbols:wb-sunny-outline-rounded) es un icono SVG gratuito de la colección Material Symbols de Google. Está dibujado en una cuadrícula de 24 × 24. Material Symbols icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Material Symbols
- Autor
- Google
- Licencia
- Apache-2.0
- Tamaño
- 24 × 24
- Categoría
- Imágenes
- Etiquetas
- balance, bright, light, lighting, sun, sunny, wb, white, image, wbsunny, sunnyoutline, outlinerounded, wbsunnyoutlinerounded
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11 3V2q0-.425.288-.712T12 1t.713.288T13 2v1q0 .425-.288.713T12 4t-.712-.288T11 3m0 19v-1q0-.425.288-.712T12 20t.713.288T13 21v1q0 .425-.288.713T12 23t-.712-.288T11 22m11-9h-1q-.425 0-.712-.288T20 12t.288-.712T21 11h1q.425 0 .713.288T23 12t-.288.713T22 13M3 13H2q-.425 0-.712-.288T1 12t.288-.712T2 11h1q.425 0 .713.288T4 12t-.288.713T3 13m16.75-7.325l-.35.35q-.275.275-.687.275T18 6q-.275-.275-.288-.687t.263-.713l.375-.375q.275-.3.7-.3t.725.3t.288.725t-.313.725M6.025 19.4l-.375.375q-.275.3-.7.3t-.725-.3t-.288-.725t.313-.725l.35-.35q.275-.275.688-.275T6 18q.275.275.288.688t-.263.712m12.3.35l-.35-.35q-.275-.275-.275-.687T18 18q.275-.275.688-.287t.712.262l.375.375q.3.275.3.7t-.3.725t-.725.288t-.725-.313M4.6 6.025l-.375-.375q-.3-.275-.3-.7t.3-.725t.725-.288t.725.313l.35.35q.275.275.275.688T6 6q-.275.275-.687.288T4.6 6.025M7.75 16.25Q6 14.5 6 12t1.75-4.25T12 6t4.25 1.75T18 12t-1.75 4.25T12 18t-4.25-1.75m7.088-1.412Q16 13.675 16 12t-1.162-2.838T12 8T9.162 9.163T8 12t1.163 2.838T12 16t2.838-1.162M12 12"/></svg>
Cómo usar el icono Wb Sunny Outline Rounded
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols:wb-sunny-outline-rounded" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols:wb-sunny-outline-rounded" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols:wb-sunny-outline-rounded" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--wb-sunny-outline-rounded]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:wb-sunny-outline-rounded"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols:wb-sunny-outline-rounded"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/material-symbols/wb-sunny-outline-rounded.svg" alt="Icono Wb Sunny Outline Rounded" width="24" height="24">
Iconos relacionados en Material Symbols
El icono Wb Sunny Outline Rounded en otras colecciones
Preguntas frecuentes sobre Icono Wb Sunny Outline Rounded
¿El icono Wb Sunny Outline Rounded es gratis para uso comercial?
Sí. Material Symbols icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Wb Sunny Outline Rounded en React?
Instala @iconify/react y renderiza <Icon icon="material-symbols:wb-sunny-outline-rounded" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Wb Sunny Outline Rounded a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/material-symbols/wb-sunny-outline-rounded.svg" alt="Icono Wb Sunny Outline Rounded">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Material Symbols →
