Person In Tuxedo Medium Dark Skin Tone アイコン
twemoji:person-in-tuxedo-medium-dark-skin-tone
Person In Tuxedo Medium Dark Skin Tone アイコン(twemoji:person-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
- 作者
- Twitter
- ライセンス
- CC-BY-4.0
- サイズ
- 36 × 36
- カテゴリ
- 人物・体
- タグ
- personin、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-3c0-4-3.685-7-7-7H11c-3.313 0-7 3-7 7v3z"/><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="#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="#60352a" d="M21.597 1.516c-1.925-.623-6.455-.453-7.588 1.019c-2.944.057-6.398 2.718-6.851 6.228c-.448 3.475.551 5.088.906 7.701c.403 2.96 2.067 3.907 3.397 4.303c1.914 2.529 3.949 2.421 7.366 2.421c6.672 0 9.85-4.464 10.131-12.047c.17-4.585-2.521-8.059-7.361-9.625"/><path fill="#af7e57" d="M25.413 11.466c-.646-.894-1.472-1.614-3.284-1.868c.68.311 1.331 1.387 1.416 1.982s.17 1.076-.368.481c-2.155-2.382-4.502-1.444-6.827-2.899c-1.624-1.016-2.119-2.141-2.119-2.141s-.198 1.5-2.661 3.029c-.714.443-1.566 1.43-2.038 2.888c-.34 1.048-.234 1.982-.234 3.578c0 4.66 3.841 8.578 8.578 8.578s8.578-3.953 8.578-8.578c-.001-2.898-.305-4.03-1.041-5.05"/><path fill="#915a34" d="M18 22.88c-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.827-3.98h-1.906a.477.477 0 1 1 0-.954h1.906a.477.477 0 1 1 0 .954"/><path fill="#662113" d="M14.062 15.564a.953.953 0 0 1-.953-.953v-.953a.953.953 0 0 1 1.906 0v.953a.953.953 0 0 1-.953.953m7.625 0a.953.953 0 0 1-.953-.953v-.953a.953.953 0 0 1 1.906 0v.953a.953.953 0 0 1-.953.953"/></svg>
Person In Tuxedo Medium Dark Skin Tone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:person-in-tuxedo-medium-dark-skin-tone" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:person-in-tuxedo-medium-dark-skin-tone" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:person-in-tuxedo-medium-dark-skin-tone" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--person-in-tuxedo-medium-dark-skin-tone]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:person-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:person-in-tuxedo-medium-dark-skin-tone"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/person-in-tuxedo-medium-dark-skin-tone.svg" alt="Person In Tuxedo Medium Dark Skin Tone アイコン" width="24" height="24">
他のアイコンセットの Person In Tuxedo Medium Dark Skin Tone アイコン
Person In Tuxedo Medium Dark Skin Tone アイコン のよくある質問
Person In Tuxedo Medium Dark Skin Tone アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Person In Tuxedo Medium Dark Skin Tone アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:person-in-tuxedo-medium-dark-skin-tone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Person In Tuxedo Medium Dark Skin Tone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/person-in-tuxedo-medium-dark-skin-tone.svg" alt="Person In Tuxedo Medium Dark Skin Tone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Twitter Emoji アイコン をすべて見る →
