ICONYZ
Español
Icono Hole de Firefox OS Emoji

Icono Hole

fxemoji:hole

El icono Hole (fxemoji:hole) 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
Descargar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><ellipse cx="256" cy="249.721" fill="#464A4C" rx="219.043" ry="75.527"/><path fill="#132028" d="M75.169 287.933c0-41.713 98.069-75.527 219.042-75.527c74.839 0 140.899 12.944 180.41 32.691c-6.932-39.558-102.154-70.903-218.622-70.903c-120.974 0-219.042 33.815-219.042 75.527c0 15.908 14.275 30.664 38.632 42.837a27 27 0 0 1-.42-4.625"/></svg>

Cómo usar el icono Hole

React

import { Icon } from "@iconify/react";

<Icon icon="fxemoji:hole" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fxemoji:hole" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fxemoji:hole" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--hole]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:hole"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fxemoji:hole"></iconify-icon>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/fxemoji/hole.svg" alt="Icono Hole" width="24" height="24">

El icono Hole en otras colecciones

Preguntas frecuentes sobre Icono Hole

¿El icono Hole 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 Hole en React?

Instala @iconify/react y renderiza <Icon icon="fxemoji:hole" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Hole a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/fxemoji/hole.svg" alt="Icono Hole">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos Firefox OS Emoji →