Icône Flotation Ring
fontisto:flotation-ring
L'icône Flotation Ring (fontisto:flotation-ring) est une icône SVG gratuite de la collection Fontisto par Kenan Gündoğan. Elle est dessinée sur une grille de 24 × 24. Les Fontisto 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
- Fontisto
- Auteur
- Kenan Gündoğan
- Licence
- MIT
- Taille
- 24 × 24
- Catégorie
- Voyage
- Mots-clés
- flotationring
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m23.278 7.834l.022-.007l-.253-.581c-.007-.007-.007-.022-.015-.03s-.015-.038-.022-.052l-.29-.64l-.015.007c-1.247-2.409-3.219-4.296-5.623-5.405l-.074-.031l.008-.022l-.67-.261l-.662-.253l-.007.022A11.9 11.9 0 0 0 11.998 0h-.004a11.9 11.9 0 0 0-4.19.757L7.886.73L7.878.708l-1.31.566l.008.022c-2.42 1.239-4.318 3.209-5.435 5.615l-.031.073l-.022-.007l-.522 1.325l.022.007a11.7 11.7 0 0 0-.589 3.704c0 1.461.262 2.86.742 4.153l-.027-.083l-.022.007l.275.648l.022.045c.007.007.007.022.015.03l.253.581l.022-.007c1.222 2.407 3.165 4.3 5.542 5.428l.072.031l-.007.022l.655.261l.662.268l.007-.022c1.137.396 2.448.625 3.812.625c1.474 0 2.886-.267 4.19-.756l-.082.027l.008.022l1.31-.566l-.008-.022c2.399-1.229 4.285-3.174 5.409-5.55l.031-.072l.022.007l.522-1.325l-.022-.007c.395-1.129.623-2.431.623-3.786c0-1.487-.275-2.909-.776-4.219l.027.081zm-15.816 6.18l-.03-.059a4.997 4.997 0 0 1 2.567-6.51l.032-.013a4.8 4.8 0 0 1 1.965-.41h.017h-.001c.64.001 1.252.121 1.814.34l-.034-.012a5 5 0 0 1 2.772 2.609l.013.031l.03.059c.256.579.405 1.254.405 1.964c0 .669-.132 1.307-.373 1.889l.012-.033c-.755 1.851-2.541 3.132-4.626 3.132a4.98 4.98 0 0 1-4.551-2.952l-.013-.032zm10.671-3.946L21.968 8.4c.401 1.068.634 2.302.634 3.591c0 1.16-.188 2.276-.536 3.319l.021-.074l-3.887-1.534c.15-.511.236-1.098.236-1.706c0-.689-.111-1.352-.316-1.973l.013.044zm-6.128-8.646h.006c1.125 0 2.209.176 3.226.501l-.075-.021l-.804 2.04l-.73 1.854a6.3 6.3 0 0 0-1.613-.204c-.67 0-1.317.102-1.924.291l.046-.012l-1.668-3.835a10 10 0 0 1 3.484-.614h.057h-.003zM1.93 8.832l3.894 1.531a6.37 6.37 0 0 0 .071 3.523l-.012-.045l-3.84 1.668a10.3 10.3 0 0 1-.607-3.512c0-1.131.179-2.219.511-3.239l-.021.074zm10.112 13.746a10.6 10.6 0 0 1-3.355-.543l.075.022l1.534-3.887a6.3 6.3 0 0 0 1.749.241c.67 0 1.316-.102 1.923-.291l-.046.012l1.668 3.842a10.4 10.4 0 0 1-3.531.602h-.019h.001z"/></svg>Comment utiliser l'icône Flotation Ring
React
import { Icon } from "@iconify/react";
<Icon icon="fontisto:flotation-ring" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fontisto:flotation-ring" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fontisto:flotation-ring" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fontisto--flotation-ring]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fontisto -->
<div class="i-fontisto:flotation-ring"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fontisto:flotation-ring"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/fontisto/flotation-ring.svg" alt="Icône Flotation Ring" width="24" height="24">FAQ : Icône Flotation Ring
L'icône Flotation Ring est-elle gratuite pour un usage commercial ?
Oui. Les Fontisto icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Flotation Ring dans React ?
Installez @iconify/react et affichez <Icon icon="fontisto:flotation-ring" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Flotation Ring à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fontisto/flotation-ring.svg" alt="Icône Flotation Ring">, ou collez le code SVG directement dans la page pour le styliser en CSS.