Construction Worker ikonu

fluent-emoji-flat:construction-worker

Construction Worker ikonu (fluent-emoji-flat:construction-worker), Fluent Emoji Flat setinden ücretsiz bir SVG ikondur (yapımcı: Microsoft Corporation). 32 × 32 ızgara üzerinde çizilmiştir. Fluent Emoji Flat icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.

İkon seti: Fluent Emoji Flat
Yazar: Microsoft Corporation
Lisans: MIT
Boyut: 32 × 32
Kategori: İnsanlar ve vücut
Etiketler: constructionworker

SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#ff9c38" 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="#f1a11e" d="M21.443 8.245c-.307-.542.235-.918-.297-1.106a2.63 2.63 0 0 1-1.411-1.126c-.43-.72-1.207-.157-2.087-.157c-.337 0-.665-.97-.95-.845a1.53 1.53 0 0 1-1.249 0c-.296-.125-.614.845-.951.845c-.87 0-1.636-.584-2.066.115a2.77 2.77 0 0 1-1.442 1.168c-.563.198-.054 2.055-.054 2.055s-1.644.96-1.143 1.7c.174.272.276.595.276.919v4.35c0 .97.604 1.825 1.504 2.148l1.933.679v-7.74a2.2 2.2 0 0 0 .389-.522c.173-.303.276-.637.306-.96a2.35 2.35 0 0 0 1.861-.574c.43.365.973.595 1.576.595c.102 0 .194-.01.286-.021a2.5 2.5 0 0 0 .696 1.481V19l1.933-.678a2.27 2.27 0 0 0 1.504-2.149v-4.35c0-.323-.898-.647-.714-.918c.532-.772.58-1.805.1-2.66"/><path fill="#fcb100" 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="#fdbb11" 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="#ffc83d" d="M17.16 6h-2.338c-2.624 0-4.596 2.264-4.29 5.078l.394 6.23C11.202 19.43 12.948 21 15.01 21h1.993c2.061 0 3.807-1.58 4.084-3.691l.375-6.23C21.807 8.395 19.785 6 17.16 6"/><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="#ed9200" 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="#990839" 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>

Construction Worker ikonu nasıl kullanılır

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web bileşeni

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

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

HTML görseli

<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/construction-worker.svg" alt="Construction Worker ikonu" width="24" height="24">

Fluent Emoji Flat setindeki benzer ikonlar

Diğer ikon setlerinde Construction Worker ikonu

Construction Worker ikonu: sık sorulan sorular

Construction Worker ikonu ticari kullanım için ücretsiz mi?

Evet. Fluent Emoji Flat icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

Construction Worker ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="fluent-emoji-flat:construction-worker" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

Construction Worker ikonunu bir web sayfasına nasıl eklerim?

SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/construction-worker.svg" alt="Construction Worker ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: Fluent Emoji Flat ikonları →