Ringingbell icon

fxemoji:ringingbell

The Ringingbell icon (fxemoji:ringingbell) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Firefox OS Emoji
Author: Mozilla
License: Apache-2.0
Size: 512 × 512
Category: Objects

Download SVG

SVG code

<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>

How to use the Ringingbell icon

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>

HTML image

<img src="https://iconyz.com/api/public/svg/fxemoji/ringingbell.svg" alt="Ringingbell icon" width="24" height="24">

Ringingbell icon FAQ

Is the Ringingbell icon free for commercial use?

Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.

How do I use the Ringingbell icon in React?

Install @iconify/react and render <Icon icon="fxemoji:ringingbell" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Ringingbell icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/ringingbell.svg" alt="Ringingbell icon">, or paste the SVG code inline to style it with CSS.

Browse all Firefox OS Emoji icons →