Icône Man Construction Worker Medium Dark

fluent-emoji-flat:man-construction-worker-medium-dark

L'icône Man Construction Worker Medium Dark (fluent-emoji-flat:man-construction-worker-medium-dark) est une icône SVG gratuite de la collection Fluent Emoji Flat par Microsoft Corporation. Elle est dessinée sur une grille de 32 × 32. Les Fluent Emoji Flat 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 Flat
Auteur: Microsoft Corporation
Licence: MIT
Taille: 32 × 32
Catégorie: Personnes et corps
Mots-clés: manconstruction, constructionworker, workermedium, mediumdark, manconstructionworkermediumdark

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="none"><path fill="#8b5c56" d="M13 13.99a1.75 1.75 0 1 1-3.5 0a1.75 1.75 0 0 1 3.5 0m9.5 0a1.75 1.75 0 1 1-3.5 0a1.75 1.75 0 0 1 3.5 0"/><path fill="#00a6ed" d="M8.25 22.504A11.47 11.47 0 0 0 4.543 30H8.25l.949-3.757zM13.75 30h4.5l1.671-5.035l-1.671-5.245a11.6 11.6 0 0 0-4.5 0l-1.221 5.245zm10-7.496l-1.337 3.739L23.75 30h3.707a11.47 11.47 0 0 0-3.707-7.496"/><path fill="#ff6723" d="M13.75 19.72q-.903.18-1.75.495l-.875 4.876L12 30h1.75zm4.5 0q.904.18 1.75.495l.906 4.876l-.906 4.9h-1.75zm-10 2.784A11.5 11.5 0 0 1 10 21.187l.916 4.365L10 29.99H8.25zM22 21.188q.94.576 1.75 1.316v7.486H22l-.508-4.082z"/><path fill="#8b5c56" d="M15.996 22.75c-1.104 0-1.996-.808-1.996-1.808V19.75h4v1.192c-.009.992-.9 1.808-2.004 1.808"/><path fill="#966661" d="M15.54 7c-2.92 0-5.238 2.34-5.027 5.1l.403 5.54c.18 1.74 1.63 2.98 3.386 2.98h3.387c1.767 0 3.217-1.24 3.386-2.98l.413-5.54c.2-2.76-2.106-5.1-5.027-5.1z"/><path fill="#2d242d" d="M19.963 7.498c.238.228.506.428.804.577l.377 2.289h1.073l-.556 3.056a.656.656 0 0 1-.606.537s.05-.856.09-1.413a.91.91 0 0 0-.308-.757l-.2-.169a1.16 1.16 0 0 1-.386-.876v-.856a.52.52 0 0 0-.398-.517c-.625-.16-1.976-.428-3.853-.428s-3.228.268-3.853.418a.54.54 0 0 0-.398.517v.856c0 .339-.149.657-.397.886l-.179.16a.94.94 0 0 0-.307.756c.04.557.099 1.423.099 1.423a.66.66 0 0 1-.626-.537l-.556-3.056h1.182l.268-2.29c.298-.148.566-.338.794-.576l1.004-.996a1.855 1.855 0 0 1 2.145-.348a2.44 2.44 0 0 0 1.638 0c.934-.418 1.718-.08 2.334.527z"/><path fill="#fff" d="M12.01 13.68a1.483 1.483 0 0 1 2.904.08c.03.15-.1.29-.247.29h-2.371a.297.297 0 0 1-.286-.37m7.98 0a1.49 1.49 0 0 0-1.442-1.14c-.72 0-1.323.52-1.461 1.22c-.03.15.098.29.246.29h2.371c.188 0 .336-.18.286-.37"/><path fill="#7d4533" d="M12.73 13.79c0-.53.425-.96.949-.96c.523 0 .948.43.948.97c0 .08-.01.17-.02.25H12.77a.8.8 0 0 1-.04-.26m6.55 0c0-.53-.425-.96-.949-.96a.97.97 0 0 0-.968.96c0 .09.02.18.04.26h1.837c.03-.09.04-.17.04-.26"/><path fill="#000" d="M13.679 13.24c.296 0 .543.25.543.55c0 .09-.03.17-.069.26h-.958a.6.6 0 0 1-.06-.26c0-.3.248-.55.544-.55m4.652 0a.55.55 0 0 0-.543.55c0 .09.02.17.069.26h.958a.6.6 0 0 0 .06-.26c0-.3-.248-.55-.544-.55"/><path fill="#fff" d="M13.52 13.41c0 .094-.074.17-.167.17a.17.17 0 0 1-.168-.17c0-.094.075-.17.168-.17s.168.076.168.17m4.682 0a.17.17 0 0 1-.168.17a.17.17 0 0 1-.168-.17c0-.094.075-.17.168-.17a.17.17 0 0 1 .168.17"/><path fill="#75443e" d="m15.59 13.534l-.565 1.748c-.111.359.162.718.556.718h.838c.394 0 .667-.36.556-.718l-.566-1.748c-.131-.379-.697-.379-.818 0"/><path fill="#990838" d="M16.002 17.277a3.1 3.1 0 0 1-1.51-.387c-.145-.08-.31.092-.213.244c.368.59 1.007.986 1.723.986c.726 0 1.365-.397 1.723-.986c.087-.152-.068-.325-.213-.244a3.1 3.1 0 0 1-1.51.386"/><path fill="#fff478" d="M13.772 3h4.466C20.319 3 22 4.824 22 7.059V9.75h.246c.698 0 1.264.56 1.254 1.24c0 .68-.556 1.24-1.254 1.24H9.754c-.688 0-1.254-.55-1.254-1.24c0-.68.556-1.24 1.254-1.24H10V7.059C10 4.813 11.69 3 13.772 3M10 21.188c.63-.386 1.299-.713 2-.973V30h-2zm10-.973q1.053.392 2 .973V30h-2z"/><path fill="#fcd53f" d="M16.952 2h-1.893C13.92 2 13 2.888 13 3.985V9.75h6V3.985C19.01 2.888 18.09 2 16.952 2"/></g></svg>

Comment utiliser l'icône Man Construction Worker Medium Dark

React

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

<Icon icon="fluent-emoji-flat:man-construction-worker-medium-dark" width="24" />

Vue

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

<template>
  <Icon icon="fluent-emoji-flat:man-construction-worker-medium-dark" width="24" />
</template>

Svelte

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

<Icon icon="fluent-emoji-flat:man-construction-worker-medium-dark" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--man-construction-worker-medium-dark]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:man-construction-worker-medium-dark"></div>

Web component

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

<iconify-icon icon="fluent-emoji-flat:man-construction-worker-medium-dark"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/man-construction-worker-medium-dark.svg" alt="Icône Man Construction Worker Medium Dark" width="24" height="24">

Icônes similaires dans Fluent Emoji Flat

L'icône Man Construction Worker Medium Dark dans d'autres collections

FAQ : Icône Man Construction Worker Medium Dark

L'icône Man Construction Worker Medium Dark est-elle gratuite pour un usage commercial ?

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

Comment utiliser l'icône Man Construction Worker Medium Dark dans React ?

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

Comment ajouter l'icône Man Construction Worker Medium Dark à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/man-construction-worker-medium-dark.svg" alt="Icône Man Construction Worker Medium Dark">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Fluent Emoji Flat →