Ikon Construction Worker Light
fluent-emoji-flat:construction-worker-light
Ikon Construction Worker Light (fluent-emoji-flat:construction-worker-light) adalah ikon SVG gratis dari set Fluent Emoji Flat karya Microsoft Corporation. Ikon ini digambar pada grid 32 × 32. Fluent Emoji Flat icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Fluent Emoji Flat
- Pembuat
- Microsoft Corporation
- Lisensi
- MIT
- Ukuran
- 32 × 32
- Kategori
- Orang dan tubuh
- Tag
- constructionworker, workerlight, constructionworkerlight
Kode SVG
<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="#212121" 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="#f4c6ad" 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.808M13 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="#ffd7c2" 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="#e5af93" 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>Cara memakai ikon Construction Worker Light
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:construction-worker-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:construction-worker-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:construction-worker-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--construction-worker-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:construction-worker-light"></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:construction-worker-light"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/construction-worker-light.svg" alt="Ikon Construction Worker Light" width="24" height="24">Ikon terkait di Fluent Emoji Flat
Ikon Construction Worker Light di set ikon lain
FAQ Ikon Construction Worker Light
Apakah ikon Construction Worker Light gratis untuk penggunaan komersial?
Ya. Fluent Emoji Flat icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Construction Worker Light di React?
Pasang @iconify/react lalu render <Icon icon="fluent-emoji-flat:construction-worker-light" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Construction Worker Light ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/construction-worker-light.svg" alt="Ikon Construction Worker Light">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.