Icône Ring Buoy
fluent-emoji-flat:ring-buoy
L'icône Ring Buoy (fluent-emoji-flat:ring-buoy) est une icône SVG gratuite de la collection Fluent Emoji Flat par Microsoft Corporation. Elle est dessinée sur une grille de 32 × 32. Les Fluent Emoji Flat icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Fluent Emoji Flat
- Auteur
- Microsoft Corporation
- Licence
- MIT
- Taille
- 32 × 32
- Catégorie
- Voyage et lieux
- Mots-clés
- ringbuoy
Code 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>Comment utiliser l'icône 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>Image HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/ring-buoy.svg" alt="Icône Ring Buoy" width="24" height="24">Icônes similaires dans Fluent Emoji Flat
L'icône Ring Buoy dans d'autres collections
FAQ : Icône Ring Buoy
L'icône Ring Buoy est-elle gratuite pour un usage commercial ?
Oui. Les Fluent Emoji Flat icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Ring Buoy dans React ?
Installez @iconify/react et affichez <Icon icon="fluent-emoji-flat:ring-buoy" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Ring Buoy à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/ring-buoy.svg" alt="Icône Ring Buoy">, ou collez le code SVG directement dans la page pour le styliser en CSS.