Ikon Bell
cil:bell
Ikon Bell (cil:bell) adalah ikon SVG gratis dari set CoreUI Free karya creativeLabs Łukasz Holeczek. Ikon ini digambar pada grid 512 × 512. CoreUI Free icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- CoreUI Free
- Pembuat
- creativeLabs Łukasz Holeczek
- Lisensi
- CC-BY-4.0
- Ukuran
- 512 × 512
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="m450.27 348.569l-43.67-80.624V184c0-83.813-68.187-152-152-152s-152 68.187-152 152v83.945l-43.672 80.623A24 24 0 0 0 80.031 384h86.935a89 89 0 0 0-.367 8a88 88 0 0 0 176 0c0-2.7-.129-5.364-.367-8h86.935a24 24 0 0 0 21.1-35.431ZM310.6 392a56 56 0 1 1-111.419-8h110.837a56 56 0 0 1 .582 8M93.462 352l41.138-75.945V184a120 120 0 0 1 240 0v92.055L415.736 352Z"/></svg>
Cara memakai ikon Bell
React
import { Icon } from "@iconify/react";
<Icon icon="cil:bell" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cil:bell" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cil:bell" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cil--bell]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cil -->
<div class="i-cil:bell"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cil:bell"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/cil/bell.svg" alt="Ikon Bell" width="24" height="24">
Ikon terkait di CoreUI Free
Ikon Bell di set ikon lain
FAQ Ikon Bell
Apakah ikon Bell gratis untuk penggunaan komersial?
Ya. CoreUI Free icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.
Bagaimana cara memakai ikon Bell di React?
Pasang @iconify/react lalu render <Icon icon="cil:bell" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Bell ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/cil/bell.svg" alt="Ikon Bell">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon CoreUI Free →
ICONYZ
