Woman In Tuxedo Medium Dark Skin Tone アイコン

Q: Woman In Tuxedo Medium Dark Skin Tone アイコンは商用利用でも無料ですか?

はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

twemoji:woman-in-tuxedo-medium-dark-skin-tone

Woman In Tuxedo Medium Dark Skin Tone アイコン(twemoji:woman-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
カテゴリ: 人物・体
タグ: womanin、intuxedo、tuxedomedium、mediumdark、darkskin、skintone

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#60352a" d="M18.004 3.979c4.104 0 10.947 2.053 10.947 10.947c0 8.895 0 10.948-2.053 10.948s-4.79-2.053-8.894-2.053c-4.106 0-6.785 2.053-8.896 2.053c-2.287 0-2.053-8.211-2.053-10.948c0-8.895 6.844-10.947 10.949-10.947"/><path fill="#292f33" d="M31 36v-4.5c0-3.314-3.56-5.5-6.875-5.5h-12C8.812 26 5 28.186 5 31.5V36z"/><path fill="#af7e57" d="M14.5 26c1 1.982 2.792 2 3.5 2s2.512-.049 3.5-2v-3.591h-7z"/><path fill="#9b6a49" d="M14.5 24.054c.975 1.102 2.185 1.4 3.499 1.4s2.526-.298 3.501-1.4v-1.051h-7z"/><path fill="#546170" d="m13.95 29.603l-3.863-.825L11.808 26l2.142.003z"/><path fill="#66757f" d="M16.078 36h-2.406l-4.485-7.9l2.621.831l1.571-1.983z"/><path fill="#546170" d="m22.05 29.603l3.863-.825L24.192 26l-2.141.003z"/><path fill="#66757f" d="M19.922 36h2.406l4.485-7.9l-2.621.831l-1.57-1.983z"/><path fill="#dfe7ec" d="m20.145 36l3.011-10L18 27l-5.156-1l3.011 10z"/><circle cx="18" cy="30.796" r=".625" fill="#292f33"/><circle cx="18" cy="33.396" r=".625" fill="#292f33"/><path fill="#292f33" d="M18 35.375a.625.625 0 0 0-.625.625h1.25a.625.625 0 0 0-.625-.625"/><path fill="#f4f7f9" d="M14.294 24.872L18 26.966l-2.417 2.564l-2.74-3.53zm7.412 0L18 26.966l2.417 2.564l2.74-3.53z"/><path fill="#292f33" d="M20.781 26.053a.23.23 0 0 0-.231-.003l-2.551 1.402l-2.551-1.402a.232.232 0 0 0-.346.204v2.928a.235.235 0 0 0 .234.233q.059 0 .112-.029l2.551-1.402l2.551 1.402q.053.03.112.029a.24.24 0 0 0 .119-.032a.24.24 0 0 0 .114-.201v-2.928a.23.23 0 0 0-.114-.201"/><path fill="#af7e57" d="M9.793 14.627c0-5.834 3.676-10.563 8.211-10.563c4.533 0 8.209 4.729 8.209 10.563c0 5.833-3.676 10.285-8.209 10.285c-4.535 0-8.211-4.452-8.211-10.285"/><path fill="#df1f32" d="M18.004 22.452c-1.606 0-2.447-.794-2.537-.885a.685.685 0 0 1 .961-.974c.035.032.551.491 1.576.491c1.038 0 1.555-.473 1.576-.492a.69.69 0 0 1 .963.019c.26.269.26.691-.004.955c-.09.092-.929.886-2.535.886"/><path fill="#915a34" d="M18.895 19.409h-1.69a.423.423 0 0 1-.423-.423v-.153c0-.233.189-.424.423-.424h1.69c.233 0 .424.19.424.424v.153a.424.424 0 0 1-.424.423"/><path fill="#662113" d="M21.432 16.796a.85.85 0 0 1-.846-.847v-.845c0-.465.381-.846.846-.846s.846.381.846.846v.845a.85.85 0 0 1-.846.847m-6.765 0a.85.85 0 0 1-.846-.847v-.845c0-.465.381-.846.846-.846a.85.85 0 0 1 .847.846v.845a.85.85 0 0 1-.847.847"/><path fill="#60352a" d="M7.784 17.909c-.021-1-.044-.224-.044-.465c0-3.422 2.053.494 2.053-1.943s1.368-2.683 2.736-4.051c.685-.685 2.053-2.026 2.053-2.026s3.421 2.067 6.158 2.067c2.736 0 5.474 1.375 5.474 4.112s2.053-1.584 2.053 1.837c0 .244-.022-.531-.04.469h.719c.006-2 .006-1.924.006-3.202C28.951 5.813 22.11 2.5 18.003 2.5c-4.105 0-10.947 3.257-10.947 12.152c0 .793-.02 1.257.008 3.257z"/><path fill="#af7e57" d="M11.503 14.845c0 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.175 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.905 0 1.639 1.175 1.639 2.623"/></svg>

Woman In Tuxedo Medium Dark Skin Tone アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="twemoji:woman-in-tuxedo-medium-dark-skin-tone" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="twemoji:woman-in-tuxedo-medium-dark-skin-tone" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="twemoji:woman-in-tuxedo-medium-dark-skin-tone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--woman-in-tuxedo-medium-dark-skin-tone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:woman-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:woman-in-tuxedo-medium-dark-skin-tone"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/twemoji/woman-in-tuxedo-medium-dark-skin-tone.svg" alt="Woman In Tuxedo Medium Dark Skin Tone アイコン" width="24" height="24">

Twitter Emoji の関連アイコン

他のアイコンセットの Woman In Tuxedo Medium Dark Skin Tone アイコン

Woman In Tuxedo Medium Dark Skin Tone アイコンのよくある質問

Woman In Tuxedo Medium Dark Skin Tone アイコンは商用利用でも無料ですか?

はい。Twitter Emoji icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Woman In Tuxedo Medium Dark Skin Tone アイコンを使うには?

@iconify/react をインストールして <Icon icon="twemoji:woman-in-tuxedo-medium-dark-skin-tone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Woman In Tuxedo Medium Dark Skin Tone アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/woman-in-tuxedo-medium-dark-skin-tone.svg" alt="Woman In Tuxedo Medium Dark Skin Tone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Twitter Emoji アイコンをすべて見る →