Ikon Add Bell Notification
streamline-plump-color:add-bell-notification
Ikon Add Bell Notification (streamline-plump-color:add-bell-notification) adalah ikon SVG gratis dari set Plump color icons karya Streamline. Ikon ini digambar pada grid 48 × 48. Plump color 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
- Plump color icons
- Pembuat
- Streamline
- Lisensi
- CC-BY-4.0
- Ukuran
- 48 × 48
- Kategori
- Antarmuka esensial
- Tag
- addbell, bellnotification, addbellnotification
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-width="3"><path fill="#8fbffa" d="M20.777 3.342c.475-.103.759.486.43.844A15.94 15.94 0 0 0 17 15c0 8.837 7.163 16 16 16a15.93 15.93 0 0 0 7.98-2.129a.527.527 0 0 1 .72.196q.146.256.3.508l1.471 2.384c1.478 2.393.672 4.866-2.116 5.237C38.166 37.62 32.842 38 24 38s-14.167-.38-17.355-.804c-2.788-.371-3.594-2.844-2.117-5.237L6 29.575a16 16 0 0 0 2.326-7.037l.48-5.59c.581-6.789 5.551-12.223 11.972-13.606Z"/><path fill="#fff" d="M21 15a12 12 0 1 0 24 0a12 12 0 1 0-24 0m-4.952 22.878A236 236 0 0 0 24 38c3.05 0 5.683-.045 7.953-.122a8.001 8.001 0 0 1-15.905 0"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="m42 29.575l1.471 2.384c1.478 2.393.672 4.866-2.116 5.237C38.167 37.62 32.843 38 24 38s-14.167-.38-17.355-.804c-2.788-.37-3.594-2.844-2.117-5.237L6 29.575a16 16 0 0 0 2.325-7.037l.48-5.589C9.392 10.081 14.47 4.6 21 3.296"/><path stroke="#2859c5" stroke-linecap="round" stroke-linejoin="round" d="M21 15a12 12 0 1 0 24 0a12 12 0 1 0-24 0m12-5v10m0-11v12m5-6H28m11 0H27M16.048 37.878a8.001 8.001 0 0 0 15.904 0"/></g></svg>Cara memakai ikon Add Bell Notification
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump-color:add-bell-notification" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump-color:add-bell-notification" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump-color:add-bell-notification" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--add-bell-notification]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:add-bell-notification"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump-color:add-bell-notification"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/streamline-plump-color/add-bell-notification.svg" alt="Ikon Add Bell Notification" width="24" height="24">Ikon terkait di Plump color icons
Ikon Add Bell Notification di set ikon lain
FAQ Ikon Add Bell Notification
Apakah ikon Add Bell Notification gratis untuk penggunaan komersial?
Ya. Plump color 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 Add Bell Notification di React?
Pasang @iconify/react lalu render <Icon icon="streamline-plump-color:add-bell-notification" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Add Bell Notification ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/streamline-plump-color/add-bell-notification.svg" alt="Ikon Add Bell Notification">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.