Icône Colon Outline
healthicons:colon-outline
L'icône Colon Outline (healthicons:colon-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
- Corps
- Mots-clés
- colonoutline
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" d="M6 12.194a6.194 6.194 0 0 1 9.972-4.909A6.17 6.17 0 0 1 19.75 6c1.646 0 3.142.642 4.25 1.688A6.17 6.17 0 0 1 28.25 6a6.17 6.17 0 0 1 3.778 1.285a6.194 6.194 0 0 1 8.693 8.68A6.97 6.97 0 0 1 42 20a6.97 6.97 0 0 1-1.45 4.267a6.194 6.194 0 0 1-8.522 8.893a6 6 0 0 1-.815.531l-.026.063a4.4 4.4 0 0 0-.187.722V42h-2v-7.615q0-.09.016-.177c.074-.412.17-.823.304-1.17c.067-.175.154-.362.27-.534a1.54 1.54 0 0 1 .566-.516c.43-.22.816-.511 1.145-.86a1 1 0 0 1 1.454 0a4.194 4.194 0 1 0 5.777-6.067a1 1 0 0 1-.047-1.476A4.98 4.98 0 0 0 40 20a4.98 4.98 0 0 0-1.324-3.389a1 1 0 0 1 .041-1.397a4.195 4.195 0 0 0-2.689-7.208v.03c-.95 0-1.93.47-2.565 1.242c-.615.747-.897 1.758-.514 2.906a1 1 0 1 1-1.898.632c-.438-1.314-.33-2.562.134-3.618A4.18 4.18 0 0 0 28.25 8a4.19 4.19 0 0 0-3.432 1.783a1 1 0 0 1-1.636 0A4.19 4.19 0 0 0 19.75 8a4.18 4.18 0 0 0-3.05 1.316a1 1 0 0 1-1.455 0a4.194 4.194 0 1 0-5.93 5.93a1 1 0 0 1 0 1.453A4.18 4.18 0 0 0 8 19.75c0 1.418.702 2.672 1.783 3.432a1 1 0 0 1 0 1.636a4.196 4.196 0 0 0 1.446 7.515a1 1 0 0 1 .771.974v2.026a.889.889 0 0 0 1.778 0v-2.575a1 1 0 0 1 .502-.868a4.19 4.19 0 0 0 2.109-3.64a4.19 4.19 0 0 0-1.783-3.432a1 1 0 0 1-.154-.135C13.766 24.233 12.947 24 12 24a1 1 0 1 1 0-2c1.13 0 2.188.249 3.121.755a4.18 4.18 0 0 0 1.268-3.005a4.18 4.18 0 0 0-1.316-3.05a1 1 0 0 1 0-1.455q.089-.084.172-.172a1 1 0 0 1 1.454 0a4.18 4.18 0 0 0 3.051 1.316a4.19 4.19 0 0 0 3.432-1.783a1 1 0 0 1 1.636 0a4.19 4.19 0 0 0 3.432 1.783q.614-.002 1.172-.166a1 1 0 0 1 1.161 1.43A5 5 0 0 0 30 20c0 .904.24 1.75.658 2.481c1.139.64 1.885 1.272 2.325 2.004c.519.866.518 1.738.517 2.439V27a1 1 0 1 1-2 0c0-.787-.02-1.133-.233-1.486c-.173-.288-.531-.662-1.35-1.15a1 1 0 0 1-.225-.054a4.194 4.194 0 0 0-3.348 7.678q.158.082.285.186a1 1 0 0 1 .371.777V42h-2v-8.476a6.195 6.195 0 0 1 3.25-11.469h.057a7 7 0 0 1-.12-3.667A6.17 6.17 0 0 1 24 16.702a6.17 6.17 0 0 1-4.25 1.688a6.2 6.2 0 0 1-1.56-.198a6.2 6.2 0 0 1 .199 1.56A6.18 6.18 0 0 1 16.7 24a6.17 6.17 0 0 1 1.688 4.25a6.19 6.19 0 0 1-2.611 5.052v2.03a2.889 2.889 0 0 1-5.778 0v-1.289A6.196 6.196 0 0 1 7.688 24A6.18 6.18 0 0 1 6 19.75a6.17 6.17 0 0 1 1.285-3.778A6.17 6.17 0 0 1 6 12.194"/></svg>Comment utiliser l'icône Colon Outline
React
import { Icon } from "@iconify/react";
<Icon icon="healthicons:colon-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="healthicons:colon-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="healthicons:colon-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--colon-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:colon-outline"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="healthicons:colon-outline"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/healthicons/colon-outline.svg" alt="Icône Colon Outline" width="24" height="24">Icônes similaires dans Health Icons
FAQ : Icône Colon Outline
L'icône Colon 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 Colon Outline dans React ?
Installez @iconify/react et affichez <Icon icon="healthicons:colon-outline" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Colon Outline à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/healthicons/colon-outline.svg" alt="Icône Colon Outline">, ou collez le code SVG directement dans la page pour le styliser en CSS.