Person Mountain Biking Medium Light Skin Tone アイコン
twemoji:person-mountain-biking-medium-light-skin-tone
Person Mountain Biking Medium Light Skin Tone アイコン(twemoji:person-mountain-biking-medium-light-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
- カテゴリ
- 人物・体
- タグ
- personmountain、mountainbiking、bikingmedium、mediumlight、lightskin、skintone
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#77b255" d="M0 36h36V11S29.999 1 26.999 1s-10 9-12 11s-4.5.5-6-1S6 8 5 8s-5 7-5 7z"/><path fill="#f3d2a2" d="M10 5c-1 1 0 2 0 3s2 0 2 0s1-1 2 1s4 1 3-1s-4-1-4-3s-3 0-3 0"/><path fill="#ffe51e" d="M14.071 2.944c-.745-.684-2.861-1.006-3.922.248c-.899.018-1.072.909-.906 1.371c.133.369 1.086.286 1.46.963c.128-.213.099-.592.026-.783c.353.229.369 1.007 1.634 1.272c1.223.256 1.217 1.294 1.217 1.294s.541-.397.863-.957c.614-1.07.448-2.654-.372-3.408"/><path fill="#e2c196" d="M19 16s-3 2-3 3s4 4 5 5s3 1 2-1s-4-7-4-7"/><path fill="#c63900" d="M20.634 23.021s1.173.789 1.962-.385s1.365 1.771 1.365 1.771s-2.559 2.539-4.521 2.924s-1.173-.789-.385-1.962z"/><path fill="#292f33" d="M7 22a7 7 0 1 0 0 14a7 7 0 0 0 0-14m0 12a5 5 0 1 1 0-10a5 5 0 0 1 0 10m22-12a7 7 0 1 0 .001 14.001A7 7 0 0 0 29 22m0 12a5 5 0 1 1 0-10a5 5 0 0 1 0 10"/><g fill="#e1e8ed"><path d="M22 20c0-.553-.484-1-1.083-1H10.083C9.485 19 9 19.447 9 20s.485 1 1.083 1h10.833c.6 0 1.084-.447 1.084-1m8 9a1 1 0 0 0-1-1H18a1 1 0 1 0 0 2h11a1 1 0 0 0 1-1"/><path d="m21.224 17l-4.166 11.664a1 1 0 0 0 1.884.672L23.348 17z"/><path d="M29.001 30c-.33 0-.654-.164-.845-.463l-7-11a1 1 0 1 1 1.688-1.074l7 11A1 1 0 0 1 29.001 30M19 25.734l-8.387-6.524a1 1 0 1 0-1.227 1.579l9 7a1 1 0 0 0 .613.211H19z"/><path d="M7 30a1 1 0 0 1-.948-1.317l2.772-8.316l-3.423-2.568a1 1 0 0 1 1.2-1.6l4.577 3.433l-3.228 9.684A1 1 0 0 1 7 30"/></g><path fill="#292f33" d="m26.383 19l-.089-.006l-5.672-.708a.708.708 0 0 1 .087-1.413c.041 0 4.067-.018 5.989-1.299a.71.71 0 0 1 .824.026a.71.71 0 0 1 .241.788l-.709 2.127a.705.705 0 0 1-.671.485M11 18H6a1 1 0 0 1 0-2h5a1 1 0 0 1 0 2"/><path fill="#c63900" d="M21.999 13L18 16l3 3z"/><path fill="#f3d2a2" d="M19.999 17s-2 3-2 4s1 4 1 7s2 3 2 2s1.581-5.419 0-7c-1-1 2-4 2-4zm-4.314-3.703l-2.75-.784c-.447 1.956-3.023 4.486-3.935 4.486c-1 0-2 0-2 1s0 1 2 1s4-2 5-3c.65-.65 1.309-1.757 1.685-2.702"/><path fill="#dd551f" d="m21.999 13l-3 4l4 3s5-5 5-7s-3-3-3-3z"/><path fill="#fa743e" d="M20.999 6.999c-3-1-5.585-.414-7 1c-1 1-1 2-1 4c0 .176-.03.362-.073.55l2.744.784c.202-.509.33-.984.33-1.334c0-1 1-1 2 0s2 2 3 2s6-4 6-4c-3.001-1-4.103-2.368-6.001-3"/><path fill="#dd551f" d="M19 29s1 1 2 0s1 2 1 2s-3 2-5 2s-1-1 0-2zM11 2c2-1 6 0 4 2c-1 1-7 2-7 2c0-1 1-3 3-4"/></svg>Person Mountain Biking Medium Light Skin Tone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:person-mountain-biking-medium-light-skin-tone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:person-mountain-biking-medium-light-skin-tone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:person-mountain-biking-medium-light-skin-tone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--person-mountain-biking-medium-light-skin-tone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:person-mountain-biking-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:person-mountain-biking-medium-light-skin-tone"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/person-mountain-biking-medium-light-skin-tone.svg" alt="Person Mountain Biking Medium Light Skin Tone アイコン" width="24" height="24">Twitter Emoji の関連アイコン
他のアイコンセットの Person Mountain Biking Medium Light Skin Tone アイコン
Person Mountain Biking Medium Light Skin Tone アイコン のよくある質問
Person Mountain Biking Medium Light Skin Tone アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Person Mountain Biking Medium Light Skin Tone アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:person-mountain-biking-medium-light-skin-tone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Person Mountain Biking Medium Light Skin Tone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/person-mountain-biking-medium-light-skin-tone.svg" alt="Person Mountain Biking Medium Light Skin Tone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。