Ikon Ring Buoy
fluent-emoji-flat:ring-buoy
Ikon Ring Buoy (fluent-emoji-flat:ring-buoy) adalah ikon SVG gratis dari set Fluent Emoji Flat karya Microsoft Corporation. Ikon ini digambar pada grid 32 × 32. Fluent Emoji Flat 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 Flat
- 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"><g fill="none"><path fill="#a7a8b7" d="M11.96 5.718c.26-.222.528-.504.792-.78l.066-.07c.294-.308.594-.619.923-.9c.655-.562 1.375-.968 2.257-.968s1.603.406 2.258.968c.328.281.629.592.922.9l.067.07c.264.276.532.558.793.78c.459.392 1.08.747 1.607 1.01a10 10 0 0 0 1.204.522l.298-.955a9 9 0 0 1-1.054-.46c-.504-.253-1.04-.565-1.406-.878c-.22-.187-.453-.431-.73-.721l-.055-.059c-.293-.307-.625-.65-.995-.968C18.164 2.572 17.218 2 15.998 2s-2.165.572-2.908 1.209a14 14 0 0 0-.995.968l-.056.059c-.277.29-.51.534-.729.721c-.367.313-.902.625-1.406.878c-.504.252-.93.422-1.055.46l.298.955a10 10 0 0 0 1.204-.521c.528-.264 1.149-.62 1.608-1.011m8.074 20.595c-.25.217-.507.487-.762.753l-.093.098c-.293.305-.593.613-.92.89c-.654.554-1.376.954-2.26.954c-.886 0-1.607-.4-2.26-.954a12 12 0 0 1-.921-.89l-.094-.098a12 12 0 0 0-.761-.753c-.46-.4-1.08-.761-1.608-1.03a10 10 0 0 0-1.205-.532l-.303.953c.124.04.55.212 1.053.47c.504.256 1.04.574 1.406.893c.213.185.436.419.698.693l.091.095c.294.307.626.648.997.962c.745.631 1.69 1.19 2.906 1.19s2.162-.559 2.906-1.19c.372-.314.704-.655.997-.962l.092-.095c.262-.274.485-.508.697-.693c.367-.319.903-.637 1.406-.894c.505-.257.93-.43 1.054-.47l-.303-.952a10 10 0 0 0-1.205.531c-.528.27-1.149.632-1.608 1.031M4 16c0 1.918.838 3.03 1.733 4.03a21 21 0 0 1 1.668 2.169c.115.178.235.378.285.53l-.95.31q0 .005-.001 0q-.003-.01-.04-.078a4 4 0 0 0-.134-.22a14 14 0 0 0-.441-.632a20 20 0 0 0-1.132-1.412C4.035 19.632 3 18.287 3 16s1.035-3.632 1.988-4.697c.348-.39.767-.953 1.115-1.465c.173-.254.325-.49.438-.68a5 5 0 0 0 .135-.238a1 1 0 0 0 .046-.095l.95.31a3 3 0 0 1-.273.536c-.126.21-.288.463-.469.73c-.36.529-.806 1.132-1.197 1.569C4.838 12.97 4 14.082 4 16m22.284 4.029c.902-1 1.747-2.113 1.747-4.029s-.844-3.028-1.747-4.029a16 16 0 0 1-1.207-1.57a16 16 0 0 1-.473-.728a3 3 0 0 1-.276-.537l.95-.313a1 1 0 0 0 .046.096q.05.094.136.237c.114.19.267.426.442.68c.35.513.773 1.076 1.124 1.466c.96 1.064 2.005 2.41 2.005 4.698s-1.044 3.634-2.005 4.699a20 20 0 0 0-1.586 2.044a4 4 0 0 0-.135.22l-.04.078l-.95-.313c.05-.153.171-.353.287-.53c.129-.198.295-.434.479-.683a21 21 0 0 1 1.203-1.486"/><path fill="#f92f60" d="M15.998 26.98c6.076 0 11-4.925 11-11s-4.925-11-11-11s-11 4.925-11 11s4.925 11 11 11m0-4.715a6.3 6.3 0 0 1-2.525-.528c-.774.528-2.13.406-2.6 0c-.472-.407-.748-1.323-.195-2.409a6.26 6.26 0 0 1-.965-3.348c0-1.231.353-2.38.965-3.349c-.359-1.016-.076-1.857.388-2.26c.475-.414 1.605-.677 2.406-.149a6.3 6.3 0 0 1 2.526-.528c.899 0 1.753.189 2.526.528c1.037-.378 1.96-.48 2.476 0c.394.369.664 1.615.319 2.41c.611.969.965 2.117.965 3.348s-.354 2.379-.965 3.348c.538.837.12 2.017-.32 2.41c-.488.435-1.466.669-2.475 0a6.3 6.3 0 0 1-2.526.527"/><path fill="#fff" d="M6.82 8.957a1 1 0 0 1 0-1.414l1.364-1.364a1 1 0 0 1 1.415 0l3.992 3.992a6.3 6.3 0 0 0-2.983 2.573zm18.346 14.042a1 1 0 0 1 0 1.414l-1.364 1.364a1 1 0 0 1-1.414 0l-3.992-3.993a6.3 6.3 0 0 0 2.983-2.573zm0-15.456a1 1 0 0 1 0 1.414l-3.787 3.787a6.3 6.3 0 0 0-2.983-2.573l3.992-3.992a1 1 0 0 1 1.414 0zM6.821 22.999a1 1 0 0 0 0 1.414l1.363 1.364a1 1 0 0 0 1.415 0l3.992-3.993a6.3 6.3 0 0 1-2.983-2.573z"/></g></svg>Cara memakai ikon Ring Buoy
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:ring-buoy" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:ring-buoy" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:ring-buoy" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--ring-buoy]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat: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-flat:ring-buoy"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/ring-buoy.svg" alt="Ikon Ring Buoy" width="24" height="24">Ikon terkait di Fluent Emoji Flat
Ikon Ring Buoy di set ikon lain
FAQ Ikon Ring Buoy
Apakah ikon Ring Buoy gratis untuk penggunaan komersial?
Ya. Fluent Emoji Flat 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-flat: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-flat/ring-buoy.svg" alt="Ikon Ring Buoy">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.