Construction Worker アイコン
fluent-emoji-high-contrast:construction-worker
Construction Worker アイコン(fluent-emoji-high-contrast:construction-worker)は、Fluent Emoji High Contrast セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji High Contrast
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- 人物・体
- タグ
- constructionworker
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="currentColor"><path d="m15.99 13.7l-.56 1.8c-.11.37.16.74.55.74h.83c.39 0 .66-.37.55-.74l-.56-1.8c-.13-.39-.69-.39-.81 0m-1.16 3.19c.45.24.99.38 1.56.38s1.11-.14 1.56-.38c.15-.08.31.09.22.24c-.37.58-1.03.97-1.78.97c-.74 0-1.4-.39-1.78-.97c-.1-.15.07-.32.22-.24m-1.02-4.35c-.7 0-1.3.48-1.46 1.14c-.05.19.1.37.29.37h.48a.8.8 0 0 1-.04-.26a.96.96 0 1 1 1.92.01c0 .08-.01.17-.02.25h.06c.15 0 .28-.14.25-.29c-.13-.7-.74-1.22-1.48-1.22m5.16 0c.7 0 1.3.48 1.46 1.14c.05.19-.1.37-.29.37h-.47c.03-.09.04-.17.04-.26a.96.96 0 0 0-.96-.96c-.54 0-.97.43-.98.96c0 .09.02.18.04.26h-.07c-.15 0-.28-.14-.25-.29c.14-.7.75-1.22 1.48-1.22"/><path d="M14.04 13.24c.3 0 .55.25.55.55c0 .09-.03.17-.07.26h-.97a.6.6 0 0 1-.06-.26c0-.103.03-.2.08-.283a.17.17 0 1 0 .255-.222a.5.5 0 0 1 .215-.045m4.71 0a.5.5 0 0 0-.195.037a.17.17 0 1 1-.259.206a.54.54 0 0 0-.096.307c0 .09.02.17.07.26h.97a.555.555 0 0 0-.49-.81"/><path d="M28.905 31H4l.082-1.076a12.84 12.84 0 0 1 6.406-10.068a5.1 5.1 0 0 1-.645-1.711a3.3 3.3 0 0 1-.572-1.851v-.019a2.77 2.77 0 0 1-.813-3.669a3.3 3.3 0 0 1-.415-1.637a2.86 2.86 0 0 1 1.276-2.524V6.98a4.844 4.844 0 0 1 3.791-4.735A3 3 0 0 1 15.543 1h1.83a2.99 2.99 0 0 1 2.422 1.245a4.845 4.845 0 0 1 3.8 4.735v1.474q.253.147.459.355c.547.587.839 1.367.812 2.169c.003.488-.102.97-.307 1.412a2.765 2.765 0 0 1-.915 4.031a3.25 3.25 0 0 1-.465 1.554a5.3 5.3 0 0 1-.717 1.951a12.8 12.8 0 0 1 6.369 10.007zm-6.944-2h2.079v-5.295a10.5 10.5 0 0 0-2.08-1.726zm-1 0v-7.58a11 11 0 0 0-.445-.205l-.91-.364q-.21.12-.434.218V29zM8.72 29h2.24v-7.11a9.4 9.4 0 0 0-2.24 1.925zm4.999 0v-7.715a3 3 0 0 1-.05-.215a5 5 0 0 1-.439-.218l-.809.315q-.235.092-.46.193V29zm1.691-7.57a5 5 0 0 1-.575-.035c.298.546.878.915 1.545.915a1.77 1.77 0 0 0 1.54-.905a5 5 0 0 1-.49.025zm0-1h2.02l.104-.001c1.757-.055 3.283-1.495 3.538-3.483l.283-4.961H11.47l.298 4.96c.254 1.997 1.779 3.429 3.537 3.484zm-4.777-5.699l-.09-1.495l-.164.155a.76.76 0 0 0 .213 1.326zm-.17-2.837l-.023-.38a.5.5 0 0 1 .499-.53h10.946a.5.5 0 0 1 .499.53l-.025.44l.251-.209a1.07 1.07 0 0 0 .259-.773a.97.97 0 0 0-.262-.773H10.303a.96.96 0 0 0-.265.767a1 1 0 0 0 .275.786zm11.831 1.192l-.098 1.71l.267-.051a.76.76 0 0 0 .259-1.391zm-.701-6.102A2.85 2.85 0 0 0 20.27 4.57V8.2h1.323zm-7.14 1.215h3.817V3.584l-.007-.016a.98.98 0 0 0-.894-.57h-1.826a.99.99 0 0 0-.9.575l-.19.41zm-2-3.5a2.84 2.84 0 0 0-1.135 2.278v1.222h1.135z"/></g></svg>
Construction Worker アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:construction-worker" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:construction-worker" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:construction-worker" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--construction-worker]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:construction-worker"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:construction-worker"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/construction-worker.svg" alt="Construction Worker アイコン" width="24" height="24">
Fluent Emoji High Contrast の関連アイコン
他のアイコンセットの Construction Worker アイコン
Construction Worker アイコン のよくある質問
Construction Worker アイコンは商用利用でも無料ですか?
はい。Fluent Emoji High Contrast icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Construction Worker アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-high-contrast:construction-worker" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Construction Worker アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/construction-worker.svg" alt="Construction Worker アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji High Contrast アイコン をすべて見る →
ICONYZ
