Man In Tuxedo Medium Dark Skin Tone アイコン
twemoji:man-in-tuxedo-medium-dark-skin-tone
Man In Tuxedo Medium Dark Skin Tone アイコン(twemoji:man-in-tuxedo-medium-dark-skin-tone)は、Twitter Emoji セットの無料 SVG アイコンです(作者: Twitter)。 36 × 36 のグリッドで描かれています。 Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Twitter Emoji
- 作者
- ライセンス
- CC-BY-4.0
- サイズ
- 36 × 36
- カテゴリ
- 人物・体
- タグ
- manin、intuxedo、tuxedomedium、mediumdark、darkskin、skintone
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#292f33" d="M32 36v-4c0-3.314-2.685-6-6-6H10a6 6 0 0 0-6 6v4z"/><path fill="#546170" d="m22.5 30.003l4.292-.916L24.879 26l-2.379.003z"/><path fill="#66757f" d="M20.58 36h2.83l4.382-7.667l-2.913.924l-1.744-2.204z"/><path fill="#546170" d="m13.5 30.003l-4.292-.916L11.12 26l2.38.003z"/><path fill="#66757f" d="M15.42 36h-2.83l-4.382-7.667l2.912.924l1.745-2.204z"/><path fill="#dfe7ec" d="m20.805 36l2.862-10.017H12.333L15.195 36z"/><circle cx="18" cy="31.847" r=".7" fill="#292f33"/><circle cx="18" cy="34.704" r=".7" fill="#292f33"/><path fill="#af7e57" d="m14 25.887l4 1.75l4-1.75v-4h-8z"/><path fill="#9b6a49" d="M14 24c1.216 1.374 2.355 1.719 3.996 1.719c1.639 0 2.787-.346 4.004-1.719v-4h-8z"/><path fill="#af7e57" d="M27.833 13.935c0-1.448-.733-2.623-1.639-2.623c-.082 0-.161.02-.24.039C24.73 7.546 21.635 4.839 18 4.839s-6.729 2.707-7.955 6.512c-.079-.019-.158-.039-.24-.039c-.905 0-1.639 1.175-1.639 2.623c0 1.33.621 2.417 1.423 2.587c.634 4.845 4.153 8.557 8.411 8.557s7.776-3.712 8.411-8.557c.802-.17 1.422-1.257 1.422-2.587"/><path fill="#f4f7f9" d="M13.927 24.744L18 27.637l-2.656 2.818l-3.011-4.472zm8.146 0L18 27.637l2.656 2.818l3.011-4.472z"/><path fill="#292f33" d="M21.045 26.653a.23.23 0 0 0-.231-.003L18 28.197l-2.814-1.547a.232.232 0 0 0-.346.204v3.218a.235.235 0 0 0 .234.233q.059 0 .112-.029L18 28.728l2.814 1.548q.053.03.112.029a.24.24 0 0 0 .119-.032a.24.24 0 0 0 .114-.201v-3.218a.24.24 0 0 0-.114-.201"/><path fill="#915a34" d="M18 21.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="#662113" d="M22 15c-.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="#60352a" d="M18 1.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.473C8.822 5.648 11.646 1.48 18 1.48"/></svg>Man In Tuxedo Medium Dark Skin Tone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:man-in-tuxedo-medium-dark-skin-tone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:man-in-tuxedo-medium-dark-skin-tone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:man-in-tuxedo-medium-dark-skin-tone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--man-in-tuxedo-medium-dark-skin-tone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:man-in-tuxedo-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-in-tuxedo-medium-dark-skin-tone"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/man-in-tuxedo-medium-dark-skin-tone.svg" alt="Man In Tuxedo Medium Dark Skin Tone アイコン" width="24" height="24">Twitter Emoji の関連アイコン
他のアイコンセットの Man In Tuxedo Medium Dark Skin Tone アイコン
Man In Tuxedo Medium Dark Skin Tone アイコン のよくある質問
Man In Tuxedo Medium Dark Skin Tone アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Man In Tuxedo Medium Dark Skin Tone アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:man-in-tuxedo-medium-dark-skin-tone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Man In Tuxedo Medium Dark Skin Tone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/man-in-tuxedo-medium-dark-skin-tone.svg" alt="Man In Tuxedo Medium Dark Skin Tone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。