Icono Hocho
fxemoji:hocho
El icono Hocho (fxemoji:hocho) 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="#2B3B47" d="m103.93 501.029l149.512-149.512c4.049-4.049 4.049-10.613 0-14.661l-65.912-65.912c-4.049-4.049-10.613-4.049-14.661 0L23.358 420.457c-10.552 10.552-10.552 27.661 0 38.213l42.36 42.36c10.552 10.552 27.66 10.552 38.212-.001"/><path fill="#9CADB5" d="M169.906 273.908L440.26 3.554c4.272-4.272 11.255-4.059 15.257.467c25.102 28.386 86.692 138.398-156.394 381.484c-39.619 39.619-129.217-111.597-129.217-111.597"/><path fill="#D7DFE2" d="M222.485 296.803a19.94 19.94 0 0 1-14.142-5.857c-7.811-7.811-7.811-20.475 0-28.284l96.967-96.968c7.811-7.811 20.475-7.811 28.285 0s7.811 20.474 0 28.284l-96.968 96.968a19.94 19.94 0 0 1-14.142 5.857"/></svg>Cómo usar el icono Hocho
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:hocho" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:hocho" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:hocho" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--hocho]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:hocho"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:hocho"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/fxemoji/hocho.svg" alt="Icono Hocho" width="24" height="24">El icono Hocho en otras colecciones
Preguntas frecuentes sobre Icono Hocho
¿El icono Hocho 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 Hocho en React?
Instala @iconify/react y renderiza <Icon icon="fxemoji:hocho" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Hocho a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/fxemoji/hocho.svg" alt="Icono Hocho">, o pega el código SVG en línea para darle estilo con CSS.