Icono Windchime
fxemoji:windchime
El icono Windchime (fxemoji:windchime) 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
- Objetos
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#C0C4C4" d="M225.04 506.869c18.17-.617 105.919-3.723 154.372-8.955c8.102-.875 9.836-10.512 2.458-13.581c-43.228-17.976-97.584-46.128-97.584-98.619c0-70.514 14.631-103.297 36.929-135.034c3.346-4.762-.57-10.902-6.94-10.902H213.18c-5.573 0-10.581 2.974-12.651 7.52c-9.974 21.902-37.674 87.326-37.674 138.415c0 48.262 22.022 91.293 56.409 119.304c1.562 1.274 3.646 1.924 5.776 1.852"/><path fill="#0096D1" d="M252.817 272.76a9.33 9.33 0 0 1-9.33-9.33v-59.686c0-5.153 4.177-9.33 9.33-9.33s9.331 4.177 9.331 9.33v59.686a9.33 9.33 0 0 1-9.331 9.33"/><path fill="#6ED9FF" d="M366.614 139.402c0 62.848-50.949 79.166-113.797 79.166S139.02 202.25 139.02 139.402S189.969 25.605 252.817 25.605s113.797 50.948 113.797 113.797"/><path fill="#0096D1" d="M252.817 56.289c-8.086 0-14.641-6.555-14.641-14.641V15.906c0-8.086 6.555-14.641 14.641-14.641s14.641 6.555 14.641 14.641v25.742c0 8.085-6.555 14.641-14.641 14.641"/></svg>Cómo usar el icono Windchime
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:windchime" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:windchime" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:windchime" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--windchime]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:windchime"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:windchime"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/fxemoji/windchime.svg" alt="Icono Windchime" width="24" height="24">Preguntas frecuentes sobre Icono Windchime
¿El icono Windchime 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 Windchime en React?
Instala @iconify/react y renderiza <Icon icon="fxemoji:windchime" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Windchime a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/fxemoji/windchime.svg" alt="Icono Windchime">, o pega el código SVG en línea para darle estilo con CSS.