Icône Social Distancing Alt
healthicons:social-distancing-alt
L'icône Social Distancing Alt (healthicons:social-distancing-alt) 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
- Symboles
- Mots-clés
- socialdistancing, distancingalt, socialdistancingalt
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="currentColor"><path d="M20 10a4 4 0 1 1 8 0a4 4 0 0 1-8 0m-.967 8.156C20.342 16.782 22.127 16 24 16s3.658.782 4.967 2.156C30.274 19.528 31 21.379 31 23.3V26a1 1 0 0 1-1 1h-1.662l-.771 8.095a1 1 0 0 1-.996.905H21.43a1 1 0 0 1-.996-.905L19.663 27H18a1 1 0 0 1-1-1v-2.7c0-1.92.726-3.772 2.033-5.144"/><path d="M13.495 29.95a1 1 0 1 0-.626-1.9c-1.957.644-3.629 1.475-4.831 2.47C6.84 31.511 6 32.763 6 34.226c0 1.3.665 2.437 1.65 3.365c.983.925 2.351 1.713 3.96 2.354C14.83 41.228 19.21 42 24 42s9.17-.772 12.39-2.055c1.609-.64 2.977-1.428 3.96-2.354c.984-.928 1.65-2.065 1.65-3.365c0-1.463-.84-2.715-2.038-3.706c-1.203-.995-2.874-1.826-4.831-2.47a1 1 0 1 0-.626 1.9c1.82.599 3.238 1.33 4.182 2.11c.95.786 1.313 1.526 1.313 2.166c0 .57-.286 1.216-1.022 1.909c-.737.695-1.859 1.367-3.327 1.952C32.719 39.255 28.6 40 24 40s-8.719-.745-11.65-1.913c-1.47-.585-2.59-1.257-3.328-1.952C8.286 35.442 8 34.796 8 34.226c0-.64.363-1.38 1.313-2.165c.944-.781 2.363-1.512 4.182-2.111M8 22v-3h6v-2H8v-3H6v8zm34 0v-8h-2v3h-6v2h6v3z"/></g></svg>Comment utiliser l'icône Social Distancing Alt
React
import { Icon } from "@iconify/react";
<Icon icon="healthicons:social-distancing-alt" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="healthicons:social-distancing-alt" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="healthicons:social-distancing-alt" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--social-distancing-alt]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:social-distancing-alt"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="healthicons:social-distancing-alt"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/healthicons/social-distancing-alt.svg" alt="Icône Social Distancing Alt" width="24" height="24">Icônes similaires dans Health Icons
FAQ : Icône Social Distancing Alt
L'icône Social Distancing Alt 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 Social Distancing Alt dans React ?
Installez @iconify/react et affichez <Icon icon="healthicons:social-distancing-alt" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Social Distancing Alt à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/healthicons/social-distancing-alt.svg" alt="Icône Social Distancing Alt">, ou collez le code SVG directement dans la page pour le styliser en CSS.