Icône Swimming Fill
mingcute:swimming-fill
L'icône Swimming Fill (mingcute:swimming-fill) est une icône SVG gratuite de la collection MingCute Icon par MingCute Design. Elle est dessinée sur une grille de 24 × 24. Les MingCute Icon icons sont publiées sous la licence Apache 2.0, 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
- MingCute Icon
- Auteur
- MingCute Design
- Licence
- Apache-2.0
- Taille
- 24 × 24
- Mots-clés
- swimmingfill
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M17.318 18.056a1 1 0 0 1 .22 1.988c-.638.07-1.332.092-2.063.031a1 1 0 1 1 .166-1.993a8.7 8.7 0 0 0 1.676-.026m-7.077-.859a1 1 0 0 1 1.31-.529q.468.198.935.458q.375.207.748.364a1 1 0 0 1-.784 1.841a10 10 0 0 1-.934-.457q-.376-.208-.747-.365a1 1 0 0 1-.529-1.312m11.635.317a1 1 0 0 1-.302 1.305c-.1.063-.178.107-.364.196c-.165.079-.402.185-.698.3a1 1 0 0 1-.723-1.866c.426-.165.689-.302.726-.322c.487-.244 1.087-.106 1.361.387M3.49 16.686a1 1 0 0 1 .723 1.864a8 8 0 0 0-.559.24c-.543.26-1.186.312-1.528-.305c-.367-.66.09-1.226.666-1.5c.166-.08.402-.185.698-.3m2.973-.729c.637-.07 1.331-.093 2.062-.032a1 1 0 0 1-.166 1.993a8.7 8.7 0 0 0-1.676.026a1 1 0 0 1-.22-1.987M8.684 6.85a3 3 0 0 1 2.782.57l2.174 1.81c.286.24.537.533.8.796a3 3 0 0 1 .273 3.924c1.2.244 2.336.181 3.292.004a10 10 0 0 0 1.852-.532c.67-.266 1.53-.783 2.016.092a1 1 0 0 1-.302 1.305c-.303.191-.645.33-.976.462a12 12 0 0 1-2.227.64c-1.839.34-4.343.348-6.854-1.047c-1.988-1.104-3.985-1.113-5.52-.828a10 10 0 0 0-1.852.532a8 8 0 0 0-.507.22c-.536.258-1.174.291-1.51-.313c-.358-.645.074-1.215.643-1.489c.15-.073.366-.17.635-.277c.54-.214 1.307-.47 2.227-.64c.648-.12 1.38-.198 2.164-.188l3.059-2.38l-.668-.556a1 1 0 0 0-.928-.19l-3.97 1.192a1 1 0 0 1-.575-1.916z"/><path fill="currentColor" d="M17 5a3 3 0 1 1 0 6a3 3 0 0 1 0-6"/></svg>Comment utiliser l'icône Swimming Fill
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:swimming-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:swimming-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:swimming-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--swimming-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:swimming-fill"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:swimming-fill"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/mingcute/swimming-fill.svg" alt="Icône Swimming Fill" width="24" height="24">Icônes similaires dans MingCute Icon
FAQ : Icône Swimming Fill
L'icône Swimming Fill est-elle gratuite pour un usage commercial ?
Oui. Les MingCute Icon icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Swimming Fill dans React ?
Installez @iconify/react et affichez <Icon icon="mingcute:swimming-fill" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Swimming Fill à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/mingcute/swimming-fill.svg" alt="Icône Swimming Fill">, ou collez le code SVG directement dans la page pour le styliser en CSS.