Ring Buoy ikonu

fluent-emoji-flat:ring-buoy

Ring Buoy ikonu (fluent-emoji-flat:ring-buoy), Fluent Emoji Flat setinden ücretsiz bir SVG ikondur (yapımcı: Microsoft Corporation). 32 × 32 ızgara üzerinde çizilmiştir. Fluent Emoji Flat icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.

İkon seti: Fluent Emoji Flat
Yazar: Microsoft Corporation
Lisans: MIT
Boyut: 32 × 32
Kategori: Seyahat ve yerler
Etiketler: ringbuoy

SVG indir

SVG kodu

<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>

Ring Buoy ikonu nasıl kullanılır

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 bileşeni

<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>

HTML görseli

<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/ring-buoy.svg" alt="Ring Buoy ikonu" width="24" height="24">

Fluent Emoji Flat setindeki benzer ikonlar

Diğer ikon setlerinde Ring Buoy ikonu

Ring Buoy ikonu: sık sorulan sorular

Ring Buoy ikonu ticari kullanım için ücretsiz mi?

Evet. Fluent Emoji Flat icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

Ring Buoy ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="fluent-emoji-flat:ring-buoy" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

Ring Buoy ikonunu bir web sayfasına nasıl eklerim?

SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/ring-buoy.svg" alt="Ring Buoy ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: Fluent Emoji Flat ikonları →