Ikon Bell Ring Outline
glyphs:bell-ring-outline
Ikon Bell Ring Outline (glyphs:bell-ring-outline) adalah ikon SVG gratis dari set Glyphs karya Goran Spasojevic. Ikon ini digambar pada grid 80 × 80. Glyphs icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Glyphs
- Pembuat
- Goran Spasojevic
- Lisensi
- MIT
- Ukuran
- 80 × 80
- Tag
- bellring, ringoutline, bellringoutline
Kode 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>
Cara memakai ikon 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>
Web component
<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>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/glyphs/bell-ring-outline.svg" alt="Ikon Bell Ring Outline" width="24" height="24">
Ikon Bell Ring Outline di set ikon lain
FAQ Ikon Bell Ring Outline
Apakah ikon Bell Ring Outline gratis untuk penggunaan komersial?
Ya. Glyphs icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Bell Ring Outline di React?
Pasang @iconify/react lalu render <Icon icon="glyphs:bell-ring-outline" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Bell Ring Outline ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/glyphs/bell-ring-outline.svg" alt="Ikon Bell Ring Outline">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Glyphs →
