Ikon Ring Buoy
fluent-emoji-high-contrast:ring-buoy
Ikon Ring Buoy (fluent-emoji-high-contrast:ring-buoy) adalah ikon SVG gratis dari set Fluent Emoji High Contrast karya Microsoft Corporation. Ikon ini digambar pada grid 32 × 32. Fluent Emoji High Contrast 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
- Fluent Emoji High Contrast
- Pembuat
- Microsoft Corporation
- Lisensi
- MIT
- Ukuran
- 32 × 32
- Kategori
- Perjalanan dan tempat
- Tag
- ringbuoy
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M21.024 4.168c.354.3.854.6 1.345.854a2 2 0 0 1 2.14.45l1.364 1.363a2 2 0 0 1 .461 2.11q.136.211.3.449c.377.548.831 1.152 1.21 1.57C28.876 12.103 30 13.544 30 15.995s-1.124 3.893-2.157 5.033a22 22 0 0 0-1.529 1.929a2 2 0 0 1-.44 2.162l-1.364 1.364a2 2 0 0 1-2.088.47c-.506.263-1.028.58-1.394.897a12 12 0 0 0-.75.74l-.098.104c-.316.328-.673.693-1.073 1.03c-.8.675-1.816 1.275-3.126 1.275s-2.325-.6-3.126-1.275a14 14 0 0 1-1.072-1.03l-.098-.103a12 12 0 0 0-.75-.741c-.364-.316-.882-.63-1.385-.892a2 2 0 0 1-2.073-.475L6.114 25.12a2 2 0 0 1-.448-2.147q-.14-.201-.31-.434a22 22 0 0 0-1.218-1.512C3.114 19.887 2 18.445 2 15.996c0-2.45 1.114-3.89 2.138-5.031c.375-.418.826-1.02 1.2-1.57q.169-.248.308-.466a2 2 0 0 1 .468-2.094l1.363-1.363a2 2 0 0 1 2.127-.455c.488-.253.983-.55 1.335-.85c.235-.2.486-.462.784-.772l.06-.063a15 15 0 0 1 1.07-1.037C13.653 1.612 14.67 1 15.981 1s2.33.612 3.129 1.295c.399.34.755.708 1.07 1.037l.06.063c.298.31.548.572.784.773M7.217 9.353a10.95 10.95 0 0 0-2.219 6.627c0 2.487.826 4.781 2.218 6.624l3.39-3.391l-.004-.007a6.27 6.27 0 0 1-.89-3.226c0-1.19.33-2.302.905-3.25l-.009.014zm6.352.828a6.3 6.3 0 0 1 4.82-.016l.01.003l3.484-3.484a10.95 10.95 0 0 0-5.885-1.704c-2.167 0-4.187.626-5.89 1.708l3.483 3.483zm.02 11.606l-3.484 3.483a10.95 10.95 0 0 0 5.893 1.71a10.95 10.95 0 0 0 5.887-1.706l-3.484-3.484h-.003l-.016.008a6.3 6.3 0 0 1-2.384.467a6.3 6.3 0 0 1-2.4-.474zm11.188.822a10.95 10.95 0 0 0 2.221-6.63c0-2.49-.827-4.787-2.223-6.631l-3.39 3.39v.002l.018.029a6.26 6.26 0 0 1 .881 3.21a6.27 6.27 0 0 1-.875 3.202l-.021.036l-.002.002zM15.998 3.98c1.39 0 2.727.238 3.97.673c-.165-.161-.33-.334-.494-.506l-.072-.074a14 14 0 0 0-.992-.964c-.705-.602-1.48-1.037-2.429-1.037s-1.723.435-2.428 1.037c-.353.301-.677.634-.992.964l-.072.074c-.17.178-.342.358-.513.525a12 12 0 0 1 4.022-.691m12 12a12 12 0 0 1-.699 4.046c.87-1.002 1.625-2.157 1.625-4.03c0-1.857-.744-3.01-1.605-4.006c.44 1.249.68 2.592.68 3.99m-12 12a12 12 0 0 1-4.13-.73c.196.187.395.395.592.6l.1.105c.315.327.638.656.99.954c.704.593 1.48 1.02 2.431 1.02s1.728-.427 2.431-1.02c.353-.298.676-.627.99-.954l.101-.105a20 20 0 0 1 .571-.58a12 12 0 0 1-4.076.71m-12-12c0-1.406.243-2.757.688-4.012c-.861 1.001-1.61 2.157-1.61 4.029c0 1.886.76 3.045 1.63 4.052a12 12 0 0 1-.708-4.068m10.154 4.955a5.3 5.3 0 0 0 1.846.331c.621 0 1.215-.106 1.767-.302l.247-.102a5.3 5.3 0 0 0 2.51-2.165l.172-.286a5.26 5.26 0 0 0 .59-2.43c0-.89-.22-1.726-.606-2.46l-.156-.26a5.3 5.3 0 0 0-2.51-2.165l-.172-.072a5.286 5.286 0 0 0-6.447 7.552l.072.12a5.3 5.3 0 0 0 2.51 2.166z"/></svg>Cara memakai ikon Ring Buoy
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:ring-buoy" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:ring-buoy" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:ring-buoy" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--ring-buoy]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:ring-buoy"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:ring-buoy"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/ring-buoy.svg" alt="Ikon Ring Buoy" width="24" height="24">Ikon terkait di Fluent Emoji High Contrast
Ikon Ring Buoy di set ikon lain
FAQ Ikon Ring Buoy
Apakah ikon Ring Buoy gratis untuk penggunaan komersial?
Ya. Fluent Emoji High Contrast icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Ring Buoy di React?
Pasang @iconify/react lalu render <Icon icon="fluent-emoji-high-contrast:ring-buoy" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Ring Buoy ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/ring-buoy.svg" alt="Ikon Ring Buoy">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.