ICONYZ
Français
Icône Home Quarantine Outline de Health Icons

Icône Home Quarantine Outline

healthicons:home-quarantine-outline

L'icône Home Quarantine Outline (healthicons:home-quarantine-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
Symboles
Mots-clés
homequarantine, quarantineoutline, homequarantineoutline, home quarantine2x outline
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M24 16a2 2 0 1 0 0 4a2 2 0 0 0 0-4m-4 2a4 4 0 1 1 8 0a4 4 0 0 1-8 0m-.932 7.95A7.16 7.16 0 0 1 24 24c1.841 0 3.616.696 4.932 1.95C30.25 27.205 31 28.917 31 30.714v3.429a1 1 0 0 1-1 1h-1.56l-1.055 6.03A1 1 0 0 1 26.4 42h-4.8a1 1 0 0 1-.985-.828l-1.055-6.03H18a1 1 0 0 1-1-1v-3.428c0-1.797.75-3.51 2.068-4.764M24 26a5.16 5.16 0 0 0-3.553 1.398A4.58 4.58 0 0 0 19 30.714v2.429h1.4a1 1 0 0 1 .985.828L22.44 40h3.12l1.055-6.03a1 1 0 0 1 .985-.827H29v-2.429a4.58 4.58 0 0 0-1.447-3.316A5.16 5.16 0 0 0 24 26"/><path d="M23.398 6.202a1 1 0 0 1 1.204 0l16.43 12.39q.042.032.079.066A2.8 2.8 0 0 1 42 20.6v18.925A2.48 2.48 0 0 1 39.525 42H8.475A2.48 2.48 0 0 1 6 39.525V20.6q0-.03.002-.059c.042-.719.36-1.393.887-1.883a1 1 0 0 1 .079-.066zM8.22 20.15a.8.8 0 0 0-.221.483V39.52a.48.48 0 0 0 .48.48h31.04a.484.484 0 0 0 .48-.48V20.635a.8.8 0 0 0-.22-.483L24 8.253z"/></g></svg>

Comment utiliser l'icône Home Quarantine Outline

React

import { Icon } from "@iconify/react";

<Icon icon="healthicons:home-quarantine-outline" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="healthicons:home-quarantine-outline" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="healthicons:home-quarantine-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--home-quarantine-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:home-quarantine-outline"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="healthicons:home-quarantine-outline"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/healthicons/home-quarantine-outline.svg" alt="Icône Home Quarantine Outline" width="24" height="24">

Icônes similaires dans Health Icons

FAQ : Icône Home Quarantine Outline

L'icône Home Quarantine 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 Home Quarantine Outline dans React ?

Installez @iconify/react et affichez <Icon icon="healthicons:home-quarantine-outline" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Home Quarantine Outline à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/healthicons/home-quarantine-outline.svg" alt="Icône Home Quarantine Outline">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Health Icons →