Ikon Alert Alarm Bell
streamline-freehand:alert-alarm-bell
Ikon Alert Alarm Bell (streamline-freehand:alert-alarm-bell) adalah ikon SVG gratis dari set Freehand free icons karya Streamline. Ikon ini digambar pada grid 24 × 24. Freehand 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
- Freehand free icons
- Pembuat
- Streamline
- Lisensi
- CC-BY-4.0
- Ukuran
- 24 × 24
- Kategori
- Antarmuka esensial
- Tag
- alertalarm, alarmbell, alertalarmbell
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M21.674 17.228c-.15-.34-.42-.71-.569-1.079a.62.62 0 0 1-.06-.42q.333-1.044.51-2.127q.27-1.587.35-3.196q.075-1 0-1.997a6.2 6.2 0 0 0-.23-1.369a9 9 0 0 0-1.629-3.146q.15-.192.26-.41q.117-.304.15-.629a2.75 2.75 0 0 0-.28-1.658A2.44 2.44 0 0 0 18.798.078a2.3 2.3 0 0 0-1.998.4a1.9 1.9 0 0 0-.699 1.338a6 6 0 0 0-.74 0a7.2 7.2 0 0 0-1.547.39a10.4 10.4 0 0 0-3.506 2.287A16 16 0 0 0 7.75 7.64c-.45.71-.77 1.569-1.189 2.348c-.161.302-.36.584-.589.839q-.37.405-.819.719c-.75.54-1.578.929-2.327 1.488q-.41.28-.78.61a1.8 1.8 0 0 0-.449.619a.34.34 0 0 0 .18.459c.44.19.53-.61 2.137-1.149a11.4 11.4 0 0 1 2.478-.46a13.5 13.5 0 0 1 3.156.05c1.594.193 3.169.527 4.704 1a9.3 9.3 0 0 1 2.198.919a7.9 7.9 0 0 1 1.857 1.498a.343.343 0 1 0 .52-.45a9 9 0 0 0-1.928-1.768a10 10 0 0 0-2.337-1.168a24 24 0 0 0-4.055-1.059a13.5 13.5 0 0 0-4.255 0c-.3.06-.63.13-1 .22l.31-.2q.546-.354 1-.819c.27-.304.505-.64.698-.999c.43-.709.72-1.548 1.2-2.237a15 15 0 0 1 2.516-2.937a9.5 9.5 0 0 1 3.176-1.997a6.4 6.4 0 0 1 1.339-.3a4.1 4.1 0 0 1 1.308.05a4.53 4.53 0 0 1 2.387 1.678a8 8 0 0 1 1.429 2.767q.142.56.18 1.138q.06.915 0 1.828a32 32 0 0 1-.26 2.577a16 16 0 0 1-.57 2.477a1.6 1.6 0 0 0 0 .999q.298.706.68 1.368c.365.73.583 1.524.639 2.338c.02.47-.133.932-.43 1.298a3.7 3.7 0 0 1-1.508.999a9.7 9.7 0 0 1-2.906.63a16.7 16.7 0 0 1-2.947-.24a21 21 0 0 1-2.926-.59c-1-.34-2.088-.689-3.097-1.128q-.995-.423-1.907-1a9.6 9.6 0 0 1-2.527-2.077a4.5 4.5 0 0 1-.84-1.908a.31.31 0 0 0-.599.11c.136.79.45 1.538.92 2.188c.738.9 1.627 1.667 2.626 2.267q.956.631 1.998 1.109c.998.47 2.097.859 3.136 1.228a21.6 21.6 0 0 0 3.066.7A19 19 0 0 0 16.5 24a11.3 11.3 0 0 0 3.227-.64a4.8 4.8 0 0 0 1.997-1.278a3 3 0 0 0 .71-1.997a7.2 7.2 0 0 0-.76-2.857M16.97 1.906h-.21c.098-.27.29-.497.54-.639a1.35 1.35 0 0 1 1.148-.06c.328.09.611.296.8.58c.217.31.342.678.359 1.058q.03.205 0 .41s0 .09-.05.13a5.26 5.26 0 0 0-2.587-1.479"/><path fill="currentColor" d="M17.879 20.834a3.6 3.6 0 0 1-1.348.32a.31.31 0 0 0 0 .609a3.7 3.7 0 0 0 1.917-.5a1 1 0 0 0 .38-.999a2.2 2.2 0 0 0-.45-.998a5.2 5.2 0 0 0-.998-1a18.6 18.6 0 0 0-2.408-1.547a22 22 0 0 0-2.577-1.149a20.6 20.6 0 0 0-3.785-.999a11 11 0 0 0-2.627-.12a3.7 3.7 0 0 0-1.528.53a1.42 1.42 0 0 0-.72.999c-.012.423.126.837.39 1.168c.32.412.71.767 1.149 1.049l2.057 1.358a.342.342 0 0 0 .517-.234a.34.34 0 0 0-.157-.345l-1.998-1.438a4.2 4.2 0 0 1-.709-.7c-.19-.2-.301-.462-.31-.739c0-.22.25-.33.46-.42c.299-.12.617-.188.939-.199a10.5 10.5 0 0 1 2.397.2c.38.06.76.15 1.139.24a3.28 3.28 0 0 0-.63 3.126a3 3 0 0 0 1 1.328a4.45 4.45 0 0 0 2.207.88a3.9 3.9 0 0 0 2.706-.86a3.67 3.67 0 0 0 1.169-1.907c.27.16.55.32.82.499c.34.223.653.488.928.79c.16.172.276.381.34.608c.03.22-.1.35-.27.45m-3.586-1.179a2.82 2.82 0 0 1-1.997.47a3.6 3.6 0 0 1-1.648-.66a2.24 2.24 0 0 1-.74-.819a2.66 2.66 0 0 1 .36-2.557c.62.17 1.219.36 1.758.56q1.278.424 2.497.999c.3.14.58.3.869.45a2.88 2.88 0 0 1-1.099 1.557"/></svg>Cara memakai ikon Alert Alarm Bell
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand:alert-alarm-bell" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand:alert-alarm-bell" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand:alert-alarm-bell" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--alert-alarm-bell]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand:alert-alarm-bell"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand:alert-alarm-bell"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/streamline-freehand/alert-alarm-bell.svg" alt="Ikon Alert Alarm Bell" width="24" height="24">Ikon terkait di Freehand free icons
Ikon Alert Alarm Bell di set ikon lain
FAQ Ikon Alert Alarm Bell
Apakah ikon Alert Alarm Bell gratis untuk penggunaan komersial?
Ya. Freehand 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 Alert Alarm Bell di React?
Pasang @iconify/react lalu render <Icon icon="streamline-freehand:alert-alarm-bell" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Alert Alarm Bell ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/streamline-freehand/alert-alarm-bell.svg" alt="Ikon Alert Alarm Bell">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.