Icono Ringingbell
fxemoji:ringingbell
El icono Ringingbell (fxemoji:ringingbell) 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"><ellipse cx="256.126" cy="451.974" fill="#A06C33" rx="202.198" ry="54.026"/><path fill="#FFD469" d="m277.67 322.741l-.339 1.697l-1.048 4.736a323 323 0 0 1-1.772 7.265a387 387 0 0 1-2.487 9.3c-.93 3.395-2.009 7.027-3.148 10.868c-1.171 3.822-2.408 7.85-3.76 11.97c-1.312 4.146-2.785 8.355-4.24 12.657c-1.516 4.263-3.014 8.622-4.627 12.905l-2.386 6.437l-2.444 6.336c-1.593 4.213-3.282 8.28-4.866 12.249c-3.111 7.975-6.618 15.024-10.114 20.747c-1.747 2.862-3.472 5.405-5.107 7.589a77 77 0 0 1-4.49 5.491c-1.339 1.461-2.454 2.567-3.25 3.299c-.799.729-1.265 1.092-1.265 1.092c-24.479 19.056-59.77 14.659-78.826-9.82c-10.992-14.12-14.108-32.117-10.14-48.241c0 0 .144-.573.49-1.598c.349-1.023.913-2.489 1.711-4.303a77 77 0 0 1 3.218-6.321a98 98 0 0 1 4.891-7.73c3.831-5.504 8.871-11.553 14.919-17.611c2.995-3.048 6.038-6.231 9.253-9.386l4.816-4.788l4.931-4.775c3.271-3.201 6.658-6.327 9.95-9.431c3.353-3.065 6.612-6.107 9.879-8.977c3.227-2.897 6.416-5.651 9.443-8.261c3.058-2.59 5.948-5.04 8.681-7.258a388 388 0 0 1 7.511-6.02c2.263-1.775 4.27-3.3 5.937-4.547l3.913-2.866l1.417-.993c12.608-8.84 29.995-5.785 38.835 6.824c4.536 6.466 5.922 14.281 4.514 21.464"/><path fill="#FFB636" d="M457.664 423.802c-28.418-49.564-64.06-134.453-63.719-248.085c.178-59.233-37.774-112.245-94.395-129.642c-6.547-2.012-12.55-3.533-19.55-4.623V27.403c0-13.242-10.758-23.976-24-23.976s-24 10.734-24 23.976v14.053c-65 11.299-114.018 67.829-114.018 135.877c0 112.837-35.411 197.164-63.696 246.49c-6.696 11.678-5.426 23.588.968 32.289c-.878-1.786-1.336-3.6-1.336-5.441c0-26.063 90.532-47.191 202.203-47.191s202.201 21.128 202.201 47.191c0 1.501-.313 2.984-.9 4.449c5.779-8.606 6.69-20.071.242-31.318"/><path fill="#FFD469" d="m323.754 77.527l1.098.726l1.319.872l.416.276l.815.589l1.769 1.318c2.733 2.039 4.756 3.927 7.228 6.366a80 80 0 0 1 7.135 8.368l1.731 2.398c.594.818 1.09 1.648 1.649 2.498c.536.848 1.117 1.716 1.631 2.593l1.534 2.672a49 49 0 0 1 1.482 2.746l1.436 2.813c.865 1.884 1.815 3.826 2.61 5.777c1.685 3.918 3.113 7.93 4.455 11.995c1.276 4.053 2.471 8.161 3.439 12.234c3.996 16.315 5.655 32.289 6.271 44.424c.147 3.035.235 5.83.274 8.327c.038 2.496.028 4.701.005 6.53a169 169 0 0 1-.122 4.32l-.064 1.552c-.541 13.177-11.661 23.42-24.838 22.88c-12.921-.53-23.022-11.234-22.899-24.074l.007-.641l.012-1.08c.017-.691.009-1.758 0-3.12a183 183 0 0 0-.146-5.031a207 207 0 0 0-.405-6.654a215 215 0 0 0-1.979-16.697c-.498-3.018-1.043-6.125-1.71-9.217c-.656-3.096-1.39-6.199-2.229-9.209c-.806-3.037-1.76-5.939-2.72-8.741c-1.005-2.753-2.031-5.408-3.138-7.768c-.527-1.22-1.121-2.286-1.65-3.398l-.846-1.527a18 18 0 0 0-.834-1.44l-.821-1.345c-.269-.437-.555-.803-.819-1.2c-.522-.818-1.059-1.467-1.554-2.109a28.5 28.5 0 0 0-2.678-2.953c-.733-.662-1.605-1.391-1.47-1.233a.14.14 0 0 1-.034-.066l-.008-.043l-.398-.249l-1.343-.835l-1.118-.695l-.02-.012c-11.961-7.438-15.627-23.164-8.189-35.124s23.164-15.627 35.124-8.189c.166.1.429.27.592.376"/></svg>Cómo usar el icono Ringingbell
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:ringingbell" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:ringingbell" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:ringingbell" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--ringingbell]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:ringingbell"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:ringingbell"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/fxemoji/ringingbell.svg" alt="Icono Ringingbell" width="24" height="24">Preguntas frecuentes sobre Icono Ringingbell
¿El icono Ringingbell 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 Ringingbell en React?
Instala @iconify/react y renderiza <Icon icon="fxemoji:ringingbell" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Ringingbell a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/fxemoji/ringingbell.svg" alt="Icono Ringingbell">, o pega el código SVG en línea para darle estilo con CSS.