Icono Moon
vs:moon
El icono Moon (vs:moon) es un icono SVG gratuito de la colección Vesper Icons de TableCheck. Está dibujado en una cuadrícula de 1472 × 1536. Vesper Icons se publican bajo la Open Font License, 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
- Vesper Icons
- Autor
- TableCheck
- Licencia
- OFL-1.1
- Tamaño
- 1472 × 1536
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1472" height="1536" viewBox="0 0 1472 1536"><path fill="currentColor" d="M1464 1090q-94 203-283 323.5T768 1536q-157-1-299-62t-244.5-163.5T61 1066T0 768q0-205 97.5-378t267-276.5T738 2q43-2 62 38q17 42-16 72q-176 164-176 400q0 111 43 211.5t115 173t172.5 116T1151 1056q119 0 228-51q41-18 72 13t13 72"/></svg>
Cómo usar el icono Moon
React
import { Icon } from "@iconify/react";
<Icon icon="vs:moon" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vs:moon" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vs:moon" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vs--moon]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vs -->
<div class="i-vs:moon"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="vs:moon"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/vs/moon.svg" alt="Icono Moon" width="24" height="24">
El icono Moon en otras colecciones
Preguntas frecuentes sobre Icono Moon
¿El icono Moon es gratis para uso comercial?
Sí. Vesper Icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Moon en React?
Instala @iconify/react y renderiza <Icon icon="vs:moon" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Moon a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/vs/moon.svg" alt="Icono Moon">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Vesper Icons →
ICONYZ
