Icono Newmoon
fxemoji:newmoon
El icono Newmoon (fxemoji:newmoon) es un icono SVG gratuito de la colección Firefox OS Emoji de Mozilla. Está dibujado en una cuadrícula de 512 × 512. Firefox OS Emoji 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
- Firefox OS Emoji
- Autor
- Mozilla
- Licencia
- Apache-2.0
- Tamaño
- 512 × 512
- Categoría
- Naturaleza
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#5A7B90" d="M505.999 256c0 138.069-111.932 250-250 250S6 394.068 6 256S117.931 6.001 255.999 6.001s250 111.931 250 249.999"/><path fill="#496170" d="M440.896 344.172c0 18.972-18.895 34.357-42.196 34.357c-23.31 0-42.204-15.385-42.204-34.357c0-18.971 18.894-34.356 42.204-34.356c23.301 0 42.196 15.385 42.196 34.356M79.079 79.375c14.483 10.978 35.227 17.861 58.277 17.861c43.769 0 79.256-24.797 79.256-55.381c0-11.204-4.778-21.624-12.965-30.34c-48.096 10.248-91.075 34.312-124.568 67.86M34.04 253.014c-9.864 0-19.3 1.817-28.011 5.11c.47 56.362 19.586 108.269 51.486 149.865c32.313-10.006 55.782-40.123 55.782-75.72c-.001-43.767-35.481-79.255-79.257-79.255m442.051 13.174c0 17.228 10.333 32.037 25.138 38.592a251 251 0 0 0 4.772-48.781c0-10.018-.607-19.893-1.753-29.603c-16.402 5.787-28.157 21.414-28.157 39.792m-220.092-67.374c-39.345 0-71.238 25.959-71.238 57.991s31.893 57.991 71.238 57.991s71.238-25.959 71.238-57.991s-31.893-57.991-71.238-57.991m42.215-155.689c0 23.302 18.886 42.196 42.196 42.196c23.301 0 42.196-18.894 42.196-42.196c0-.934-.041-1.859-.101-2.778a248.4 248.4 0 0 0-70.831-28.11c-8.277 7.704-13.46 18.689-13.46 30.888m-89.658 458.357a251 251 0 0 0 47.445 4.516c37.88 0 73.782-8.44 105.954-23.516c-13.773-26.355-41.35-44.354-73.148-44.354c-38.972-.001-71.613 27.026-80.251 63.354"/></svg>Cómo usar el icono Newmoon
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:newmoon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:newmoon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:newmoon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--newmoon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:newmoon"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:newmoon"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/fxemoji/newmoon.svg" alt="Icono Newmoon" width="24" height="24">Iconos relacionados en Firefox OS Emoji
Preguntas frecuentes sobre Icono Newmoon
¿El icono Newmoon es gratis para uso comercial?
Sí. Firefox OS Emoji icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Newmoon en React?
Instala @iconify/react y renderiza <Icon icon="fxemoji:newmoon" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Newmoon a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/fxemoji/newmoon.svg" alt="Icono Newmoon">, o pega el código SVG en línea para darle estilo con CSS.