Icône Familiar Face And Zone Outline
material-symbols:familiar-face-and-zone-outline
L'icône Familiar Face And Zone Outline (material-symbols:familiar-face-and-zone-outline) est une icône SVG gratuite de la collection Material Symbols par Google. Elle est dessinée sur une grille de 24 × 24. Les Material Symbols 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
- Material Symbols
- Auteur
- Google
- Licence
- Apache-2.0
- Taille
- 24 × 24
- Mots-clés
- familiarface, faceand, andzone, zoneoutline, familiarfaceandzoneoutline
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 20q-3.35 0-5.675-2.325T4 12t2.325-5.675T12 4t5.675 2.325T20 12t-2.325 5.675T12 20m0-2q2.5 0 4.25-1.75T18 12q0-.425-.062-.837t-.188-.813q-.375.075-.75.113t-.75.037q-1.575 0-3-.6T10.7 8.15q-.7 1.425-1.925 2.475T6 12.15q.075 2.45 1.812 4.15T12 18M6.4 9.85q1.1-.575 1.675-1.337T9.2 6.7q-.95.5-1.675 1.313T6.4 9.85m2.388 3.863Q8.5 13.425 8.5 13t.288-.712T9.5 12t.713.288t.287.712t-.288.713T9.5 14t-.712-.288M16.25 8.5h.3q.15 0 .3-.025q-.825-1.125-2.087-1.8T12 6h-.3q-.15 0-.275.025q.975 1.125 2.062 1.8t2.763.675m-2.463 5.213Q13.5 13.425 13.5 13t.288-.712T14.5 12t.713.288t.287.712t-.288.713T14.5 14t-.712-.288M1 6V3q0-.825.588-1.412T3 1h3v2H3v3zm5 17H3q-.825 0-1.412-.587T1 21v-3h2v3h3zm12 0v-2h3v-3h2v3q0 .825-.587 1.413T21 23zm3-17V3h-3V1h3q.825 0 1.413.588T23 3v3zm-11.8.7"/></svg>
Comment utiliser l'icône Familiar Face And Zone Outline
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols:familiar-face-and-zone-outline" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols:familiar-face-and-zone-outline" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols:familiar-face-and-zone-outline" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols--familiar-face-and-zone-outline]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols -->
<div class="i-material-symbols:familiar-face-and-zone-outline"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols:familiar-face-and-zone-outline"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/material-symbols/familiar-face-and-zone-outline.svg" alt="Icône Familiar Face And Zone Outline" width="24" height="24">
Icônes similaires dans Material Symbols
L'icône Familiar Face And Zone Outline dans d'autres collections
FAQ : Icône Familiar Face And Zone Outline
L'icône Familiar Face And Zone Outline est-elle gratuite pour un usage commercial ?
Oui. Les Material Symbols 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 Familiar Face And Zone Outline dans React ?
Installez @iconify/react et affichez <Icon icon="material-symbols:familiar-face-and-zone-outline" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Familiar Face And Zone Outline à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/material-symbols/familiar-face-and-zone-outline.svg" alt="Icône Familiar Face And Zone Outline">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Material Symbols →
ICONYZ
