Woman Construction Worker Medium Light Skin Tone アイコン
twemoji:woman-construction-worker-medium-light-skin-tone
Woman Construction Worker Medium Light Skin Tone アイコン(twemoji:woman-construction-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
- カテゴリ
- 人物・体
- タグ
- womanconstruction、constructionworker、workermedium、mediumlight、lightskin、skintone
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#f2760f" d="M31 36v-3.5c0-3.314-3.685-5.5-7-5.5H12c-3.313 0-7 2.186-7 5.5V36z"/><path fill="#ffe51e" d="M17.945 5.069c4.105 0 10.947 2.053 10.947 10.947c0 8.896 0 10.948-2.053 10.948s-4.79-2.053-8.895-2.053s-6.785 2.053-8.895 2.053c-2.287 0-2.053-8.211-2.053-10.948c.001-8.894 6.844-10.947 10.949-10.947"/><path fill="#292f33" d="M14 27h8s-1.018 5-4 5s-4-5-4-5"/><path fill="#292f33" d="M13 27h10v4H13z"/><path fill="#f3d2a2" d="M14.328 27.018c1.466 1.065 2.964.98 3.672.98s2.194.085 3.66-.98v-3.203h-7.332z"/><path fill="#e2c196" d="M14.322 25.179c1.022 1.155 2.29 1.468 3.668 1.468s2.647-.312 3.67-1.468v-2.936h-7.338z"/><path fill="#f3d2a2" d="M9.734 15.718c0-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="M17.945 23.543c-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.02c.26.269.26.691-.004.955c-.089.091-.929.885-2.535.885"/><path fill="#ffe51e" d="M7.725 19c-.021-1-.044-.224-.044-.465c0-3.422 2.053.494 2.053-1.943c0-2.439 1.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-.023-.531-.04.469h.719c.006-2 .006-1.924.006-3.202c0-8.895-6.842-12.207-10.948-12.207c-4.104 0-10.947 3.257-10.947 12.152c0 .793-.02 1.257.008 3.257z"/><path fill="#662113" d="M14.608 17.887a.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.847m6.765 0a.85.85 0 0 1-.846-.847v-.845c0-.465.381-.846.846-.846s.846.381.846.846v.845a.85.85 0 0 1-.846.847"/><path fill="#c1694f" d="M18.836 20.5h-1.69a.424.424 0 0 1-.423-.423v-.153c0-.233.189-.424.423-.424h1.69c.233 0 .424.19.424.424v.153a.425.425 0 0 1-.424.423"/><path fill="#f3d2a2" d="M11.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="#292f33" d="m19 34.938l-1 1.061l-1-1L16 31h3.5z"/><path fill="#fff75f" d="M24 27h3v9h-3zM9 27h3v9H9z"/><path fill="#55acee" d="M10.5 27c0 1.068 1.5 3.662 3.5 5.798C15.581 34.485 18 36 18 36c0-3.271-1-4.27-2-5.338c-1-1.066-3-1.526-3-3.662c0-1.066-2.5 0-2.5 0m15 0c0 1.068-1.5 3.662-3.5 5.798C20.419 34.485 18 36 18 36c0-3.271 1-4.27 2-5.338c1-1.066 3-1.526 3-3.662c0-1.066 2.5 0 2.5 0"/><path fill="#fff75f" d="M30 11c-3-2-1.008-4.169-3-7c-1.873-2.663-5-4-9.002-4C13 0 10.874 1.337 9 4c-1.992 2.831 0 5-3 7c-1.861 1.24 6 2.313 12 2.313S31.861 12.24 30 11"/><path fill="#ffac33" d="M16 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.91.566 6.596.983 8.883.983zm12.855-1.553c-2.853.304-5.839.517-7.855.549V.292c-.323-.066-.66-.112-1-.155V11.5h.5c2.018 0 5.796-.261 9.289-.657a4.4 4.4 0 0 1-.934-.896"/></svg>
Woman Construction Worker Medium Light Skin Tone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:woman-construction-worker-medium-light-skin-tone" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:woman-construction-worker-medium-light-skin-tone" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:woman-construction-worker-medium-light-skin-tone" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--woman-construction-worker-medium-light-skin-tone]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:woman-construction-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:woman-construction-worker-medium-light-skin-tone"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/woman-construction-worker-medium-light-skin-tone.svg" alt="Woman Construction Worker Medium Light Skin Tone アイコン" width="24" height="24">
他のアイコンセットの Woman Construction Worker Medium Light Skin Tone アイコン
Woman Construction Worker Medium Light Skin Tone アイコン のよくある質問
Woman Construction Worker Medium Light Skin Tone アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Woman Construction Worker Medium Light Skin Tone アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:woman-construction-worker-medium-light-skin-tone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Woman Construction Worker Medium Light Skin Tone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/woman-construction-worker-medium-light-skin-tone.svg" alt="Woman Construction Worker Medium Light Skin Tone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Twitter Emoji アイコン をすべて見る →
