ICONYZ
Bahasa Indonesia
Ikon Ring Alarm dari Custom Brand Icons

Ikon Ring Alarm

cbi:ring-alarm

Ikon Ring Alarm (cbi:ring-alarm) adalah ikon SVG gratis dari set Custom Brand Icons karya Emanuele & rchiileea. Ikon ini digambar pada grid 24 × 24. Custom Brand Icons menggunakan lisensi CC BY-NC-SA 4.0, yang tidak mengizinkan penggunaan komersial tanpa izin terpisah dari pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
Custom Brand Icons
Pembuat
Emanuele & rchiileea
Lisensi
CC-BY-NC-SA-4.0
Ukuran
24 × 24
Tag
ringalarm
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m8.14 2l-.258.051l-.216.114l-.278.247l-.236.236l.442-.195l.206-.093l.309-.072h6.886l.376.014l.109.028l.122.113l4.591 5.177l.196.258l.072.195v.185l-.01 7.154v.288l-.062.217l-.165.308l-4.982 5.054l-.329.268l-.237.062l-.319.031l-6.413-.443l-.195-.041l-.309-.165l.123.196l.391.34l6.681.473h.257l.33-.134l.267-.206l.597-.556l3.819-3.901l.597-.628l.247-.35l.124-.329v-7.71l-.093-.381l-.052-.133l-.216-.309l-2.429-2.728l-1.729-1.945l-.443-.453c-.163-.12-.205-.233-.473-.237h-7.02Zm-.409.913c-.389 0-.657.4-.657.4L3.445 7.619c-.343.408-.317.732-.317.732l.06 6.392c.004.395.269.669.269.669l3.736 4.704c.323.408.566.412.566.412l5.63.515s.47.015.731-.258l4.159-4.323s.292-.208.298-.71l.093-6.845a1.08 1.08 0 0 0-.302-.771L14.12 3.267c-.169-.194-.432-.35-.69-.35ZM8.84 8.391c.393.093.393.651 0 .741h-.021a.34.34 0 0 1-.286-.379a.33.33 0 0 1 .307-.362M7.285 9.627q.222.013.422.103a.9.9 0 0 1 .311.237a.26.26 0 0 1 .05.154c0 .145-.194.289-.307.145a.57.57 0 0 0-.465-.196a.58.58 0 0 0-.443.216a1.34 1.34 0 0 0-.268.782l-.061 2.358a.19.19 0 0 1-.06.164c-.124.124-.289.021-.289-.154l.061-2.368a1.8 1.8 0 0 1 .289-1.029a.9.9 0 0 1 .761-.412m1.521.105c.092.004.179.091.179.226l-.072 3.541a.2.2 0 0 1-.062.154a.175.175 0 0 1-.299-.154l.073-3.551a.24.24 0 0 1 .061-.165a.15.15 0 0 1 .12-.051m2.031 0c.195-.014.391.024.566.111c.451.282.709.789.67 1.319l-.062 2.409a.19.19 0 0 1-.062.164c-.113.124-.288.021-.288-.154l.062-2.429a1.03 1.03 0 0 0-.474-.916c-.514-.278-1.142.163-1.142.874l-.062 2.408a.22.22 0 0 1-.062.165c-.123.123-.298.021-.298-.154l.062-2.43a1.7 1.7 0 0 1 .113-.545a1.09 1.09 0 0 1 .977-.822m3.208.117c.171.004.342.043.498.118c.453.281.715.786.68 1.318l-.072 2.676a1.287 1.287 0 0 1-1.184 1.369a1.15 1.15 0 0 1-1.03-.556a.24.24 0 0 1 0-.123a.196.196 0 0 1 .268-.196q.039.035.062.082a.6.6 0 0 0 .288.237a1 1 0 0 0 .35.082a.926.926 0 0 0 .834-.957v-.504a1.03 1.03 0 0 1-.813.37a1.287 1.287 0 0 1-1.133-1.42v-1.163q.012-.279.103-.546c.13-.504.638-.799 1.149-.787m-.099.382c-.415.012-.792.411-.792.951l-.011-.031v1.153a.896.896 0 0 0 .783 1.029a.916.916 0 0 0 .833-.957v-1.143a1.03 1.03 0 0 0-.463-.916a.7.7 0 0 0-.35-.086"/></svg>

Cara memakai ikon Ring Alarm

React

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

<Icon icon="cbi:ring-alarm" width="24" />

Vue

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

<template>
  <Icon icon="cbi:ring-alarm" width="24" />
</template>

Svelte

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

<Icon icon="cbi:ring-alarm" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--ring-alarm]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:ring-alarm"></div>

Web component

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

<iconify-icon icon="cbi:ring-alarm"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/cbi/ring-alarm.svg" alt="Ikon Ring Alarm" width="24" height="24">

Ikon terkait di Custom Brand Icons

FAQ Ikon Ring Alarm

Apakah ikon Ring Alarm gratis untuk penggunaan komersial?

Tidak. Custom Brand Icons menggunakan lisensi CC BY-NC-SA 4.0, yang tidak mengizinkan penggunaan komersial tanpa izin terpisah dari pembuatnya.

Bagaimana cara memakai ikon Ring Alarm di React?

Pasang @iconify/react lalu render <Icon icon="cbi:ring-alarm" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Ring Alarm ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/cbi/ring-alarm.svg" alt="Ikon Ring Alarm">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Custom Brand Icons →