Icône Man Guard

fluent-emoji-high-contrast:man-guard

L'icône Man Guard (fluent-emoji-high-contrast:man-guard) est une icône SVG gratuite de la collection Fluent Emoji High Contrast par Microsoft Corporation. Elle est dessinée sur une grille de 32 × 32. Les Fluent Emoji High Contrast 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: Fluent Emoji High Contrast
Auteur: Microsoft Corporation
Licence: MIT
Taille: 32 × 32
Catégorie: Personnes et corps
Mots-clés: manguard

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="M18 25.51a.52.52 0 1 1-1.04 0a.52.52 0 0 1 1.04 0M17.48 28a.52.52 0 1 0 0-1.04a.52.52 0 0 0 0 1.04m-2.12-13.24l-.53 1.71c-.11.35.15.71.52.71h.78c.37 0 .63-.36.52-.71l-.53-1.71c-.11-.37-.65-.37-.76 0m-1.13 3.14c.44.23.96.36 1.51.36s1.07-.14 1.49-.36c.15-.08.31.09.22.23c-.36.57-1 .94-1.72.94s-1.35-.38-1.72-.94c-.09-.14.07-.31.22-.23m-.72-3.52a.516.516 0 0 1 .46.76h-.92a.52.52 0 0 1 .011-.505a.16.16 0 1 0 .239-.212a.5.5 0 0 1 .21-.043m4.46 0a.5.5 0 0 0-.183.032a.16.16 0 0 1-.097.288a.16.16 0 0 1-.148-.098a.52.52 0 0 0-.032.538h.92q.06-.105.06-.24c0-.29-.23-.52-.52-.52"/><path d="M22.981 31.019H8.49a1 1 0 0 1-.14-.01H5a.998.998 0 0 1-.988-1.151q.212-1.353.61-2.664c.004-.016.027-.078.04-.116l.01-.027a11.7 11.7 0 0 1 2.616-4.415a2 2 0 0 1 0-.182a1.45 1.45 0 0 1 .482-1.012a12.4 12.4 0 0 1 1.807-1.3a4.3 4.3 0 0 1-.356-1.326l-.132-1.7a2.68 2.68 0 0 1-.7-3.077a2.01 2.01 0 0 1-.279-2.272a2.02 2.02 0 0 1 0-1.876a2.02 2.02 0 0 1 0-1.874c-.15-.29-.228-.61-.231-.937a2 2 0 0 1 .293-1.033a1.85 1.85 0 0 1-.028-1.531a2.05 2.05 0 0 1 1.038-1.079h.015l.006-.029a2.06 2.06 0 0 1 1.7-1.573q.198-.023.397-.018a2.31 2.31 0 0 1 2.448-.49a2.07 2.07 0 0 1 1.944-.156h.109a2.44 2.44 0 0 1 1.852.072q.06.027.115.061a2.13 2.13 0 0 1 2.349.493q.224-.004.445.029a2.075 2.075 0 0 1 1.744 1.622c.415.169.756.48.961.879a1.99 1.99 0 0 1 .071 1.752c.187.303.285.653.282 1.009c0 .326-.079.648-.229.938c.15.29.229.61.229.937c0 .329-.082.652-.239.941c.148.29.226.61.229.934a2.06 2.06 0 0 1-.23.939a2.01 2.01 0 0 1-.285 2.278a2.68 2.68 0 0 1-.69 3.06l-.133 1.682c-.05.465-.173.918-.363 1.345q.946.549 1.781 1.255a1.47 1.47 0 0 1 .5 1.199a11.6 11.6 0 0 1 2.681 4.552q.416 1.332.625 2.712a1 1 0 0 1-.989 1.147h-3.388a1 1 0 0 1-.138.012m-14.351-2h6.66v-4.495a3.77 3.77 0 0 1-3.057-2.376A9.2 9.2 0 0 0 9.77 23.66c-.18.15-.44.13-.6-.03l-.025-.026A9.8 9.8 0 0 0 6.562 27.7c0 .01-.02.062-.033.096l-.011.028q-.176.598-.31 1.181H8.49a1 1 0 0 1 .14.014m7.57 0h6.642a1 1 0 0 1 .139-.01h2.314c-.1-.416-.207-.835-.34-1.264a9.6 9.6 0 0 0-2.625-4.165l-.006-.006l-.024.026c-.16.17-.42.18-.59.03a9.3 9.3 0 0 0-2.48-1.502a3.74 3.74 0 0 1-3.03 2.393zM11.028 14.22l.27 4.115c.153 1.682 1.374 2.805 2.802 2.805h3.29c1.425 0 2.64-1.13 2.802-2.807l.27-4.113h-1.185c.142.165.247.363.303.58c.04.18-.09.35-.27.35h-.45a.91.91 0 0 0-.356-.93h-1.068a.91.91 0 0 0-.356.93h-.05a.23.23 0 0 1-.23-.28c.041-.246.147-.468.3-.65h-2.717c.154.182.262.404.307.65a.23.23 0 0 1-.23.28h-.07q.03-.12.03-.24a.9.9 0 0 0-.319-.69H12.92a.91.91 0 0 0-.289.93h-.45c-.18 0-.31-.18-.27-.35c.056-.217.162-.415.303-.58zm4.702 9.1c.836 0 1.559-.484 1.9-1.188q-.118.008-.24.008H14.1q-.139 0-.275-.01a2.12 2.12 0 0 0 1.905 1.19"/></g></svg>

Comment utiliser l'icône Man Guard

React

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

<Icon icon="fluent-emoji-high-contrast:man-guard" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji-high-contrast:man-guard" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji-high-contrast:man-guard" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--man-guard]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:man-guard"></div>

Web component

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

<iconify-icon icon="fluent-emoji-high-contrast:man-guard"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/man-guard.svg" alt="Icône Man Guard" width="24" height="24">

Icônes similaires dans Fluent Emoji High Contrast

L'icône Man Guard dans d'autres collections

FAQ : Icône Man Guard

L'icône Man Guard est-elle gratuite pour un usage commercial ?

Oui. Les Fluent Emoji High Contrast icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Man Guard dans React ?

Installez @iconify/react et affichez <Icon icon="fluent-emoji-high-contrast:man-guard" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Man Guard à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/man-guard.svg" alt="Icône Man Guard">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Fluent Emoji High Contrast →