Ringing Bell icon

game-icons:ringing-bell

The Ringing Bell icon (game-icons:ringing-bell) is a free SVG icon from the Game Icons set by GameIcons. It is drawn on a 512 × 512 grid. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Game Icons
Author: GameIcons
License: CC-BY-3.0
Size: 512 × 512
Tags: ringingbell

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M254.125 26.188c-17.377-.003-31.66 14.28-31.656 31.656c0 7.617 2.733 14.64 7.28 20.125c-10.79 3.876-19.043 10.963-26.906 22.06c-13.057 18.43-23.687 49.03-35.406 92.782c-10.257 38.29-24.345 57.012-34.657 70.563c-10.31 13.55-16.252 20.325-16.25 42.688c.002 3.5 1.975 7.314 8.44 12.03c6.463 4.717 16.877 9.383 29.905 13.188c26.055 7.612 62.442 11.962 100.25 11.97c19.384.004 38.368-1.15 55.78-3.28v.124c12.13-1.043 33.332-3.898 51.345-10.28c5.795-2.055 11.28-4.422 16.125-7.533c2.612-1.376 4.947-2.747 6.875-4.155c6.458-4.714 8.438-8.523 8.438-12.03c-.004-22.363-5.935-29.135-16.25-42.69c-10.316-13.553-24.42-32.27-34.688-70.56c-11.732-43.757-22.343-74.35-35.406-92.782c-8.225-11.607-16.895-18.836-28.438-22.594c4.31-5.41 6.908-12.24 6.906-19.626c-.002-17.377-14.31-31.654-31.687-31.657zm0 18.687c7.278 0 13 5.694 13 12.97c0 7.272-5.722 12.97-13 12.968s-12.968-5.696-12.97-12.97c0-7.273 5.693-12.97 12.97-12.968m9.22 43.22c34.616 10.188 49.56 64.686 58.124 101.56c14.99 64.56 45.652 82.98 53.03 111.25c-.327.633-1.002 1.286-2.094 2.408c-2.665 2.74-8.816 6.216-16.406 8.906c-7.366 2.61-16 4.614-24.188 6.124c-1.73-38.024-33.765-53.55-33.25-107.47c.603-63.043-17.19-103.352-39.5-121.78a31 31 0 0 0 4.282-1zm-206.876 91.28C23.546 223.947 11.19 289.253 28.874 355.25c18.208 67.957 63.562 118.994 116.313 140.03c-38.592-30.418-72.26-83.223-89.75-148.5c-16.674-62.228-14.924-122.366 1.03-167.405zm399.436 0c15.955 45.04 17.705 105.177 1.03 167.406c-17.49 65.277-51.157 118.082-89.748 148.5c52.75-21.036 98.135-72.073 116.343-140.03c17.686-65.997 5.298-131.303-27.624-175.875zM105.687 210.28c-29.71 34.43-42.433 83.74-29.343 132.595c13.478 50.306 50.845 87.082 95.5 101.156c-32.19-21.55-59.46-60.02-72.406-108.342c-12.344-46.066-8.896-91.175 6.25-125.407zm301.032 0c15.144 34.233 18.56 79.342 6.217 125.407c-12.947 48.322-40.185 86.793-72.375 108.344c44.655-14.073 81.99-50.85 95.47-101.155c13.09-48.856.396-98.166-29.313-132.594zM146.53 348.25c1.218 12.736 11.944 22.686 25 22.688a25.12 25.12 0 0 0 21.94-12.844c-15.986-2.11-30.823-5.08-43.814-8.875c-1.06-.31-2.09-.65-3.125-.97z"/></svg>

How to use the Ringing Bell icon

React

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

<Icon icon="game-icons:ringing-bell" width="24" />

Vue

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

<template>
  <Icon icon="game-icons:ringing-bell" width="24" />
</template>

Svelte

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

<Icon icon="game-icons:ringing-bell" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--ringing-bell]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:ringing-bell"></div>

Web component

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

<iconify-icon icon="game-icons:ringing-bell"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/game-icons/ringing-bell.svg" alt="Ringing Bell icon" width="24" height="24">

Related icons in Game Icons

Ringing Bell icon in other icon sets

Ringing Bell icon FAQ

Is the Ringing Bell icon free for commercial use?

Yes. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Ringing Bell icon in React?

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

How do I add the Ringing Bell icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/ringing-bell.svg" alt="Ringing Bell icon">, or paste the SVG code inline to style it with CSS.

Browse all Game Icons →