Man Factory Worker Medium Light Skin Tone アイコン
twemoji:man-factory-worker-medium-light-skin-tone
Man Factory Worker Medium Light Skin Tone アイコン(twemoji:man-factory-worker-medium-light-skin-tone)は、Twitter Emoji セットの無料 SVG アイコンです（作者: Twitter）。 36 × 36 のグリッドで描かれています。 Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Twitter Emoji
- 作者
- Twitter
- ライセンス
- CC-BY-4.0
- サイズ
- 36 × 36
- カテゴリ
- 人物・体
- タグ
- manfactory、factoryworker、workermedium、mediumlight、lightskin、skintone
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#3b88c3" d="M36 36v-2a6 6 0 0 0-6-6H14a6 6 0 0 0-6 6v2z"/><path fill="#292f33" d="M22 35.999L16.4 27h11.2z"/><path fill="#f3d2a2" d="M17.64 30.038c1.744 1.268 2.848 1.963 4.36 1.963s2.615-.696 4.359-1.963v-5.749h-8.72z"/><path fill="#55acee" d="M15 28c0 1 1 3 3 5c1.581 1.581 4 3 4 3c0-3.063-1-4-2-5s-3-2-3-4c0-1-2 1-2 1m14 0c0 1-1 3-3 5c-1.581 1.581-4 3-4 3c0-3.063 1-4 2-5s3-2 3-4c0-1 2 1 2 1"/><path fill="#e2c196" d="M17.632 25.973c1.216 1.374 2.724 1.746 4.364 1.746s3.146-.373 4.363-1.746v-3.491h-8.728v3.491z"/><path fill="#f3d2a2" d="M15.444 15.936c0 1.448-.734 2.622-1.639 2.622s-1.639-1.174-1.639-2.622s.734-2.623 1.639-2.623c.905-.001 1.639 1.174 1.639 2.623m16.389 0c0 1.448-.733 2.622-1.639 2.622c-.905 0-1.639-1.174-1.639-2.622s.733-2.623 1.639-2.623c.906-.001 1.639 1.174 1.639 2.623"/><path fill="#f3d2a2" d="M13.477 16.959c0-5.589 3.816-10.121 8.523-10.121s8.522 4.532 8.522 10.121S26.707 27.08 22 27.08c-4.706 0-8.523-4.531-8.523-10.121"/><path fill="#c1694f" d="M22 23.802c-2.754 0-3.6-.705-3.741-.848a.655.655 0 0 1 .902-.95c.052.037.721.487 2.839.487c2.2 0 2.836-.485 2.842-.49a.64.64 0 0 1 .913.015a.67.67 0 0 1-.014.938c-.141.143-.987.848-3.741.848m.75-4.052h-1.5c-.413 0-.75-.337-.75-.75s.337-.75.75-.75h1.5c.413 0 .75.337.75.75s-.337.75-.75.75"/><path fill="#ffe51e" d="M22 3.48c5.648 0 9.178 4.168 9.178 7.641s-.706 4.863-1.412 3.473l-1.412-2.778s-4.235 0-5.647-1.39c0 0 2.118 4.168-2.118 0c0 0 .706 2.779-3.53-.694c0 0-2.118 1.389-2.824 4.862c-.196.964-1.412 0-1.412-3.473C12.822 7.648 15.646 3.48 22 3.48"/><circle cx="17.25" cy="16" r="3.75" fill="#e2c196"/><circle cx="26.75" cy="16" r="3.75" fill="#e2c196"/><path fill="#e2c196" d="M19.5 15h5v2.5h-5z"/><circle cx="17.5" cy="15.5" r="3.5" fill="#e1e8ed"/><circle cx="26.5" cy="15.5" r="3.5" fill="#e1e8ed"/><path fill="#e1e8ed" d="M19.5 14h5v2.5h-5z"/><circle cx="17.5" cy="15.5" r="2.5" fill="#292f33"/><circle cx="26.5" cy="15.5" r="2.5" fill="#292f33"/><path fill="#66757f" d="m5 24l-1.5 1S5 27.5 5 31v5h2v-5c0-4.5-2-7-2-7"/><path fill="#99aab5" d="M6.079 23.807a.785.785 0 0 1-.307 1.064l-2.13 1.178a.784.784 0 0 1-1.064-.309l-.451-.816a.783.783 0 0 1 .307-1.064l2.13-1.178a.783.783 0 0 1 1.064.309z"/><path fill="#f4900c" d="M3.49 22.584C7.678 20.375.052 16.313.052 16.313s-.75 8.48 3.438 6.271"/><path fill="#ffdc5d" d="M2.96 21.365c2.202-1.162-1.808-3.299-1.808-3.299s-.394 4.459 1.808 3.299"/><path fill="#3b88c3" d="M34 11c-3-2-1.008-4.169-3-7c-1.874-2.663-5-4-9.003-4C17 0 14.874 1.337 13 4c-1.992 2.831 0 5-3 7c-1.861 1.24 6 2.313 12 2.313S35.861 12.24 34 11"/><path fill="#269" d="M20 11.5V.088q-.525.048-1 .124v10.281c-2.09-.05-5.124-.396-7.653-.853a3.7 3.7 0 0 1-.73.877c2.911.565 6.596.982 8.883.982zm4.5 0c2.421 0 6.037-.393 8.907-.959a3.7 3.7 0 0 1-.741-.877c-2.431.448-5.371.787-7.667.832V.292c-.323-.066-.66-.112-1-.155V11.5z"/></svg>
Man Factory Worker Medium Light Skin Tone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:man-factory-worker-medium-light-skin-tone" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:man-factory-worker-medium-light-skin-tone" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:man-factory-worker-medium-light-skin-tone" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--man-factory-worker-medium-light-skin-tone]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:man-factory-worker-medium-light-skin-tone"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:man-factory-worker-medium-light-skin-tone"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/man-factory-worker-medium-light-skin-tone.svg" alt="Man Factory Worker Medium Light Skin Tone アイコン" width="24" height="24">
他のアイコンセットの Man Factory Worker Medium Light Skin Tone アイコン
Man Factory Worker Medium Light Skin Tone アイコン のよくある質問
Man Factory Worker Medium Light Skin Tone アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Man Factory Worker Medium Light Skin Tone アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:man-factory-worker-medium-light-skin-tone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Man Factory Worker Medium Light Skin Tone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/man-factory-worker-medium-light-skin-tone.svg" alt="Man Factory Worker Medium Light Skin Tone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Twitter Emoji アイコン をすべて見る →
