Icône Swim Outline
healthicons:swim-outline
L'icône Swim Outline (healthicons:swim-outline) est une icône SVG gratuite de la collection Health Icons par Resolve to Save Lives. Elle est dessinée sur une grille de 48 × 48. Les Health 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
- Health Icons
- Auteur
- Resolve to Save Lives
- Licence
- MIT
- Taille
- 48 × 48
- Catégorie
- Exercice
- Mots-clés
- swimoutline, swim2x outline
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M27.448 28.902c.484-.238.688-.833.456-1.33c-.858-1.838-2.358-3.09-4.183-3.902c-1.96-.872-2.95-1.734-3.448-2.368c-.464-.591-.601-1.107-.626-1.576c-.056-1.07.402-2.086.952-3.25l.001-.002l.202-.43c.817-1.768.073-3.875-1.653-4.706c-1.723-.83-3.782-.079-4.598 1.687q-.069.146-.14.29c-.506 1.029-1.828 3.72-1.667 6.79a9.76 9.76 0 0 0 1.757 5.106l-5.816 1.84a1 1 0 0 0-.642 1.245a.967.967 0 0 0 1.214.66l7.2-2.277a.99.99 0 0 0 .653-.699a1.01 1.01 0 0 0-.234-.938a10 10 0 0 1-.48-.565c-1.152-1.465-1.636-3.01-1.713-4.48c-.131-2.511.974-4.79 1.474-5.81l.005-.01c.053-.107.104-.211.144-.298a1.503 1.503 0 0 1 2.018-.737a1.553 1.553 0 0 1 .723 2.049l-.232.492c-.507 1.073-1.193 2.522-1.107 4.15c.045.865.32 1.786 1.053 2.72c.748.952 2.028 1.985 4.187 2.946c1.51.672 2.597 1.632 3.205 2.935a.96.96 0 0 0 1.295.468M34 25a4 4 0 1 0 0-8a4 4 0 0 0 0 8m0 2a6 6 0 1 0 0-12a6 6 0 0 0 0 12M4.222 37.379a1.043 1.043 0 0 1 1.44-.163l1.623 1.254a2.37 2.37 0 0 0 3.032-.12l.09-.081a4.327 4.327 0 0 1 5.795 0a2.237 2.237 0 0 0 2.996 0a4.327 4.327 0 0 1 5.795 0c.836.76 2.164.757 3.015-.017c1.602-1.459 4.12-1.49 5.738-.018l.07.064c.804.732 2.058.71 2.835-.047c1.512-1.475 3.933-1.565 5.557-.209l1.434 1.199c.43.36.48.99.111 1.41a1.044 1.044 0 0 1-1.446.108l-1.434-1.198a2.08 2.08 0 0 0-2.771.104c-1.56 1.52-4.073 1.562-5.685.095l-.07-.063c-.815-.742-2.11-.739-2.94.017c-1.623 1.477-4.174 1.509-5.814.017a2.237 2.237 0 0 0-2.996 0a4.327 4.327 0 0 1-5.795 0a2.237 2.237 0 0 0-2.996 0l-.09.081a4.46 4.46 0 0 1-5.705.225l-1.622-1.253a.983.983 0 0 1-.167-1.405m0-6a1.043 1.043 0 0 1 1.44-.163l1.623 1.254a2.37 2.37 0 0 0 3.032-.12l.09-.081a4.327 4.327 0 0 1 5.795 0a2.237 2.237 0 0 0 2.996 0a4.327 4.327 0 0 1 5.795 0c.836.76 2.164.757 3.015-.017c1.602-1.459 4.12-1.49 5.738-.018l.07.064c.804.732 2.058.71 2.835-.047c1.512-1.475 3.933-1.565 5.557-.209l1.434 1.199c.43.36.48.99.111 1.41a1.044 1.044 0 0 1-1.446.108l-1.434-1.198a2.08 2.08 0 0 0-2.771.104c-1.56 1.52-4.073 1.562-5.685.095l-.07-.063c-.815-.742-2.11-.739-2.94.017c-1.623 1.477-4.174 1.509-5.814.017a2.237 2.237 0 0 0-2.996 0a4.327 4.327 0 0 1-5.795 0a2.237 2.237 0 0 0-2.996 0l-.09.081a4.46 4.46 0 0 1-5.705.225l-1.622-1.253a.983.983 0 0 1-.167-1.405" clip-rule="evenodd"/></svg>Comment utiliser l'icône Swim Outline
React
import { Icon } from "@iconify/react";
<Icon icon="healthicons:swim-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="healthicons:swim-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="healthicons:swim-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--swim-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:swim-outline"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="healthicons:swim-outline"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/healthicons/swim-outline.svg" alt="Icône Swim Outline" width="24" height="24">Icônes similaires dans Health Icons
FAQ : Icône Swim Outline
L'icône Swim Outline est-elle gratuite pour un usage commercial ?
Oui. Les Health Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Swim Outline dans React ?
Installez @iconify/react et affichez <Icon icon="healthicons:swim-outline" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Swim Outline à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/healthicons/swim-outline.svg" alt="Icône Swim Outline">, ou collez le code SVG directement dans la page pour le styliser en CSS.