أيقونة Bell Ring Outline

glyphs:bell-ring-outline

أيقونة Bell Ring Outline (glyphs:bell-ring-outline) أيقونة SVG مجانية من مجموعة Glyphs من تصميم Goran Spasojevic. مرسومة على شبكة 80 × 80. تُنشر Glyphs icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Glyphs
المؤلف: Goran Spasojevic
الترخيص: MIT
الحجم: 80 × 80
الوسوم: bellring، ringoutline، bellringoutline

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none"><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" d="M40 11.5a4 4 0 0 0-4 4v1.37a18 18 0 0 0-9.1 4.902l-.628.628A18 18 0 0 0 21 35.127v2.939c0 4.87-1.935 9.541-5.379 12.985a5.535 5.535 0 0 0 3.914 9.45h11.593q-.056.494-.056.999a8.928 8.928 0 1 0 17.8-1h11.593a5.535 5.535 0 0 0 3.914-9.45A18.36 18.36 0 0 1 59 38.067v-2.939A18 18 0 0 0 53.728 22.4l-.628-.627A18 18 0 0 0 44 16.87V15.5a4 4 0 0 0-4-4m1.797 9.073a14 14 0 0 0-1.424-.073h-.746q-.717 0-1.424.073a14 14 0 0 0-8.475 4.028l-.628.627a14 14 0 0 0-4.1 9.9v2.938c0 5.93-2.356 11.62-6.55 15.813a1.535 1.535 0 0 0 1.085 2.621h40.93a1.535 1.535 0 0 0 1.085-2.62A22.36 22.36 0 0 1 55 38.065v-2.939a14 14 0 0 0-4.1-9.9l-.628-.626a14 14 0 0 0-8.475-4.028M35.072 61.5q0-.511.102-1h9.652a4.93 4.93 0 0 1-2.362 5.268a4.928 4.928 0 0 1-7.392-4.268" clip-rule="evenodd"/><path fill="currentColor" fill-opacity=".25" d="M55.556 16.115a2 2 0 0 1 2.829 0A26 26 0 0 1 66 34.5a2 2 0 1 1-4 0a22 22 0 0 0-6.444-15.556a2 2 0 0 1 0-2.829m-33.941 0a2 2 0 0 1 2.829 2.829A22 22 0 0 0 18 34.5a2 2 0 1 1-4 0a26 26 0 0 1 7.615-18.385"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M40 11.5a4 4 0 0 0-4 4v1.37a18 18 0 0 0-9.1 4.902l-.628.628A18 18 0 0 0 21 35.127v2.939c0 4.87-1.935 9.541-5.379 12.985a5.535 5.535 0 0 0 3.914 9.45h11.593q-.056.494-.056.999a8.928 8.928 0 1 0 17.8-1h11.593a5.535 5.535 0 0 0 3.914-9.45A18.36 18.36 0 0 1 59 38.067v-2.939A18 18 0 0 0 53.728 22.4l-.628-.627A18 18 0 0 0 44 16.87V15.5a4 4 0 0 0-4-4m1.797 9.073a14 14 0 0 0-1.424-.073h-.746q-.717 0-1.424.073a14 14 0 0 0-8.475 4.028l-.628.627a14 14 0 0 0-4.1 9.9v2.938c0 5.93-2.356 11.62-6.55 15.813a1.535 1.535 0 0 0 1.085 2.621h40.93a1.535 1.535 0 0 0 1.085-2.62A22.36 22.36 0 0 1 55 38.065v-2.939a14 14 0 0 0-4.1-9.9l-.628-.626a14 14 0 0 0-8.475-4.028M35.072 61.5q0-.511.102-1h9.652a4.93 4.93 0 0 1-2.362 5.268a4.928 4.928 0 0 1-7.392-4.268" clip-rule="evenodd"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M55.556 16.115a2 2 0 0 1 2.829 0A26 26 0 0 1 66 34.5a2 2 0 1 1-4 0a22 22 0 0 0-6.444-15.556a2 2 0 0 1 0-2.829m-33.941 0a2 2 0 0 1 2.829 2.829A22 22 0 0 0 18 34.5a2 2 0 1 1-4 0a26 26 0 0 1 7.615-18.385"/></g></svg>

كيفية استخدام أيقونة Bell Ring Outline

React

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

<Icon icon="glyphs:bell-ring-outline" width="24" />

Vue

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

<template>
  <Icon icon="glyphs:bell-ring-outline" width="24" />
</template>

Svelte

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

<Icon icon="glyphs:bell-ring-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--bell-ring-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:bell-ring-outline"></div>

مكوّن ويب

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

<iconify-icon icon="glyphs:bell-ring-outline"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/glyphs/bell-ring-outline.svg" alt="أيقونة Bell Ring Outline" width="24" height="24">

أيقونات ذات صلة في Glyphs

أيقونة Bell Ring Outline في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Bell Ring Outline

هل أيقونة Bell Ring Outline مجانية للاستخدام التجاري؟

نعم. تُنشر Glyphs icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Bell Ring Outline في React؟

ثبّت @iconify/react واعرض <Icon icon="glyphs:bell-ring-outline" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Bell Ring Outline إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/glyphs/bell-ring-outline.svg" alt="أيقونة Bell Ring Outline">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات Glyphs →