Иконка Ringing Bell

game-icons:ringing-bell

Иконка Ringing Bell (game-icons:ringing-bell) — бесплатная SVG-иконка из набора Game Icons от GameIcons. Она нарисована на сетке 512 × 512. Game Icons выпущены под лицензией CC BY 3.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Game Icons
Автор: GameIcons
Лицензия: CC-BY-3.0
Размер: 512 × 512
Теги: ringingbell

Скачать SVG

Код SVG

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

Как использовать иконку Ringing Bell

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>

Веб-компонент

<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

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

Иконка Ringing Bell в других наборах

Вопросы и ответы: Иконка Ringing Bell

Можно ли бесплатно использовать иконку Ringing Bell в коммерческих проектах?

Да. Game Icons выпущены под лицензией CC BY 3.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Ringing Bell в React?

Установите @iconify/react и выведите <Icon icon="game-icons:ringing-bell" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Ringing Bell на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/game-icons/ringing-bell.svg" alt="Иконка Ringing Bell">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Game Icons →