Man Office Worker Medium Dark Skin Tone アイコン
twemoji:man-office-worker-medium-dark-skin-tone
Man Office Worker Medium Dark Skin Tone アイコン(twemoji:man-office-worker-medium-dark-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
- カテゴリ
- 人物・体
- タグ
- manoffice、officeworker、workermedium、mediumdark、darkskin、skintone
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#ccd6dc" d="M30 26a4 4 0 0 1-4 4H4a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4h22a4 4 0 0 1 4 4z"/><path fill="#f5f8fa" d="M28 26a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h22a2 2 0 0 1 2 2z"/><path fill="#50a5e6" d="M6 26a1 1 0 0 1-1-1V13a1 1 0 1 1 2 0v12a1 1 0 0 1-1 1"/><path fill="#77b255" d="M10 26a1 1 0 0 1-1-1V8a1 1 0 1 1 2 0v17a1 1 0 0 1-1 1"/><path fill="#dd2f45" d="M14 26a1 1 0 0 1-1-1v-7a1 1 0 1 1 2 0v7a1 1 0 0 1-1 1"/><path fill="#226798" d="M36 36v-2c0-3.314-2.685-6-6-6H14a6 6 0 0 0-6 6v2z"/><path fill="#3a87c2" d="M16.667 36H20.2L17 28h-2l-1 6l3 1zm10.666 0H23.8l3.2-8h2l1 6l-3 1z"/><path fill="#ae7e57" d="M17.64 28.101c1.744 1.268 2.857 2.032 4.37 2.032s2.606-.766 4.35-2.032V24.29h-8.72z"/><path fill="#9a6a4a" d="M17.632 25.973c1.216 1.374 2.724 1.746 4.364 1.746s3.147-.373 4.363-1.746v-3.491h-8.728v3.491z"/><path fill="#ae7e57" d="M15.445 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.623s1.639 1.174 1.639 2.623m16.388 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.623s1.639 1.174 1.639 2.623"/><path fill="#ae7e57" d="M13.478 16.96c0-5.589 3.816-10.121 8.523-10.121s8.523 4.532 8.523 10.121s-3.816 10.121-8.523 10.121c-4.707-.001-8.523-4.532-8.523-10.121"/><path fill="#915b34" 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="#60352a" 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"/><path fill="#662213" d="M26 17c-.55 0-1-.45-1-1v-1c0-.55.45-1 1-1s1 .45 1 1v1c0 .55-.45 1-1 1m-8 0c-.55 0-1-.45-1-1v-1c0-.55.45-1 1-1s1 .45 1 1v1c0 .55-.45 1-1 1"/><path fill="#ccd6dc" d="M20.461 36H24l2-4l-3.99-1.867L18 32l2 4z"/><path fill="#9f1d22" d="M22.031 33.957c.744 0 1.246 1.025 1.562 2.043h.549c-.394-1.262-.841-2.438-.841-2.438s.375-.625.531-.906c.184-.33.453-1.57.453-1.57l-2.188-.963c0-.006-.16.006-.16.006l-.184.043l-.172.062c-.217.07.094.008.094.014l-1.973.838s.287 1.24.469 1.57c.156.281.529.906.529.906s-.43 1.106-.797 2.438h.559c.319-1.018.826-2.043 1.569-2.043"/><path fill="#dd2f45" d="M22.031 33.957c-.744 0-1.25 1.025-1.57 2.043h3.132c-.316-1.018-.818-2.043-1.562-2.043m-.027-3.144c.391-.023 1.543.771 1.422 1.25c-.461 1.826-.848 1.391-1.391 1.391c-.611 0-.963.473-1.391-1.312c-.091-.388.797-1.298 1.36-1.329"/><path fill="#f4f7f9" d="M26.719 26.75c-.567.566-4.709 3.383-4.709 3.383s2.127 1.242 4.084 3.533c.197.23 1.543-4.625 1.584-5.709c.011-.303-.688-1.478-.959-1.207m-9.418 0c.566.566 4.709 3.383 4.709 3.383s-2.127 1.242-4.084 3.533c-.197.23-1.543-4.625-1.584-5.709c-.012-.303.687-1.478.959-1.207"/></svg>
Man Office Worker Medium Dark Skin Tone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:man-office-worker-medium-dark-skin-tone" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:man-office-worker-medium-dark-skin-tone" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:man-office-worker-medium-dark-skin-tone" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--man-office-worker-medium-dark-skin-tone]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:man-office-worker-medium-dark-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-office-worker-medium-dark-skin-tone"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/man-office-worker-medium-dark-skin-tone.svg" alt="Man Office Worker Medium Dark Skin Tone アイコン" width="24" height="24">
他のアイコンセットの Man Office Worker Medium Dark Skin Tone アイコン
Man Office Worker Medium Dark Skin Tone アイコン のよくある質問
Man Office Worker Medium Dark Skin Tone アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Man Office Worker Medium Dark Skin Tone アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:man-office-worker-medium-dark-skin-tone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Man Office Worker Medium Dark Skin Tone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/man-office-worker-medium-dark-skin-tone.svg" alt="Man Office Worker Medium Dark Skin Tone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Twitter Emoji アイコン をすべて見る →
