Person Bouncing Ball Medium Dark Skin Tone アイコン
twemoji:person-bouncing-ball-medium-dark-skin-tone
Person Bouncing Ball Medium Dark Skin Tone アイコン(twemoji:person-bouncing-ball-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
- カテゴリ
- 人物・体
- タグ
- personbouncing、bouncingball、ballmedium、mediumdark、darkskin、skintone
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#af7e57" d="M26.3 26.621c-.339-.021-.504-.165-.57-.496a53 53 0 0 1-.356-1.993l-3.912.767c.118.473.644 2.5 1.322 3.806c.393.757.831.782 1.79.838c0 0 3.726-.134 6.305-.231c1.142-.043 1.225-1.795.253-2.014c-.692-.156-1.438-.3-2.053-.36c-.465-.046-2.539-.303-2.779-.317m-7.462-1.676l-1.729-3.593c-.428.233-2.257 1.253-3.35 2.237c-.635.572-.549 1.002-.36 1.944c0 0 1.087 3.639 1.831 6.111c.32 1.062 2.024.713 1.995-.251c-.022-.732-.07-1.523-.171-2.156c-.073-.463-.348-2.534-.394-2.77c-.064-.334.033-.53.337-.677a54 54 0 0 1 1.841-.845"/><path fill="#dd551f" d="M32.67 26.978q-.2.011-.315.037l-1.55.085a.135.135 0 0 0-.131.147c.017.225.309.899.018 1.424c-.195.351-.656.495-.688.679a.1.1 0 0 0 .091.118s.284-.012.532.003c.217.1.626.182.836.408c.063.148.242.283.364.684c.072.239.412 1.33.412 1.33c.081.278.189.345.236.494c.095.306.263 1.127.346 1.387a.54.54 0 0 0 .672.375s.385-.362.64-2.01c.15-.967.095-4.904.095-4.904z"/><path fill="#ccd6dd" d="M31.227 29.855a.2.2 0 0 1-.175-.297l.17-.307a.2.2 0 0 1 .349.194l-.17.307a.2.2 0 0 1-.174.103"/><path fill="#fa743e" d="M33.882 29.325c-.243-.098-.797-.461-.953-.853c-.141-.354-.241-1.312-.259-1.493c.297-.028.753-.01.9.004c.194.018.447.044.585.166a72 72 0 0 0-.273 2.176"/><path fill="#ccd6dd" d="M34.148 27.12s-.002.164-.079.276s-.129.39-.149.596s-.105.981-.083 1.524c.022.544.194 1.527.203 1.855s.003.839-.065 1.217c-.069.378-.142.715-.199.922a2 2 0 0 1-.285.639s.43-.03.757-.667c.258-.503.402-.986.454-1.457l.263-3.109c.081-.868.1-1.309.061-1.475c-.007-.029-.013-.152-.106-.279c-.06-.083-.762-.153-.772-.042m-2.472 3.287a.2.2 0 0 1-.087-.38l.317-.152a.203.203 0 0 1 .268.094a.2.2 0 0 1-.094.267l-.317.152a.2.2 0 0 1-.087.019m.268.657a.2.2 0 0 1-.059-.391l.354-.11a.2.2 0 1 1 .119.382l-.354.11a.2.2 0 0 1-.06.009m.232.678a.2.2 0 0 1-.196-.164a.2.2 0 0 1 .16-.233l.333-.061a.2.2 0 0 1 .232.161a.2.2 0 0 1-.16.233l-.333.061z"/><path fill="#dd551f" d="M17.911 32.716a2 2 0 0 0-.114-.296l-.467-1.48a.135.135 0 0 0-.175-.09c-.214.073-.794.523-1.375.371c-.388-.102-.642-.513-.828-.498a.1.1 0 0 0-.092.117s.082.272.129.516c-.043.235-.021.651-.188.911c-.128.098-.214.305-.572.522c-.213.129-1.186.729-1.186.729c-.25.148-.287.269-.42.351c-.273.168-1.026.535-1.257.68a.54.54 0 0 0-.197.744s.446.283 2.106.121c.974-.095 4.775-1.117 4.775-1.117s-.049-1.295-.139-1.581"/><path fill="#ccd6dd" d="M15.3 32.271a.2.2 0 0 1-.051-.006l-.34-.089a.2.2 0 0 1-.143-.244a.197.197 0 0 1 .244-.143l.34.089a.2.2 0 0 1-.05.393"/><path fill="#fa743e" d="M15.939 34.472c.035-.26.248-.886.59-1.135c.308-.224 1.211-.559 1.382-.622c.101.281.197.727.22.873c.031.192.072.411-.022.609c0 .001-1.543.176-2.17.275"/><path fill="#ccd6dd" d="M18.141 34.183s-.159.039-.287-.008s-.409-.028-.614.004c-.204.033-.976.142-1.497.298c-.521.157-1.431.567-1.747.657s-.812.211-1.195.239s-.728.04-.942.036a2 2 0 0 1-.69-.117s.136.409.834.567a4.2 4.2 0 0 0 1.524.078c.036-.005 3.077-.517 3.077-.517c.861-.137 1.293-.229 1.444-.307c.027-.014.144-.05.244-.172c.065-.078-.042-.776-.151-.758m-3.379-1.16a.2.2 0 0 1-.153-.071l-.227-.269a.2.2 0 0 1 .024-.282a.2.2 0 0 1 .282.024l.227.269a.2.2 0 0 1-.153.329m-.6.47a.2.2 0 0 1-.17-.095l-.194-.316a.199.199 0 1 1 .339-.209l.194.316a.199.199 0 0 1-.169.304m-.652.384a.2.2 0 0 1-.182-.116l-.143-.308a.2.2 0 0 1 .364-.168l.143.308a.2.2 0 0 1-.182.284"/><path fill="#c63900" d="M16.402 21.36c.74-.389 3.187-1.616 4.873-1.765a.34.34 0 0 1 .346.23l1.309 3.555a.337.337 0 0 1-.213.441c-.769.245-2.7.895-4.157 1.681a.337.337 0 0 1-.441-.104c-.449-.65-1.618-2.423-1.894-3.678a.33.33 0 0 1 .177-.36"/><path fill="#dd551f" d="M21.334 25.576c-.189-.827-.758-3.547-.484-5.242a.34.34 0 0 1 .305-.281l3.721-.37a.336.336 0 0 1 .369.323c.044.818.189 2.882.581 4.517a.343.343 0 0 1-.208.407c-.732.274-2.715.965-3.982.914a.33.33 0 0 1-.302-.268"/><path fill="#af7e57" d="M18.032 10.676c-.037.617.172 1.537 1.603 1.665c1.43.128 2.808-.164 3.392-.377c.584-.214.637.836.892 1.807c.256.974.44 1.739.407 1.947c-.054.352-.726 1.071-.388 1.647s.848 1.115 1.404.854s1.009-.557 1.136-.889c.127-.333-.626-1.25-.674-1.525s-.081-3.894-.146-4.3c-.08-.496-.172-1.177-1.01-1.395s-4.153-.593-4.985-.688c-.953-.109-1.582.436-1.631 1.254M16.461.971c-1.845-.19-4.101 1.369-3.959 3.405c.198 2.841 2.368 4.687 4.011 4.031c1.723-.688 2.703-1.387 2.911-3.417S18.306 1.161 16.461.971"/><path fill="#af7e57" d="M19.083 5.593c1.625-3.518-4.125-1.612-4.125-1.612c-1.092.348.181 1.974-.058 3.122c-.162.794 1.439.743 1.439.743s.685-.202.955.622l.002.008c.068.21.116.469.111.834c-.027 1.808 2.503 2.205 2.528.394c.01-.717-.229-1.278-.478-1.788l-.022-.045c-.372-.76-.753-1.408-.352-2.278"/><path fill="#60352a" d="M18.713.962c-1.13-.88-4.156-1.091-5.51.802c-1.268.128-1.41 1.408-1.123 2.041c.23.506 1.567.279 2.173 1.192c.156-.315.072-.847-.054-1.109c.525.283.637 1.379 2.455 1.608c1.757.221 1.867 1.688 1.867 1.688s.719-.624 1.109-1.452c.745-1.581.329-3.799-.917-4.77"/><path fill="#fa743e" d="M22.418 9.765c-.897-1.578-2.213-2.392-3.528-1.683c-1.86 1.002-2.251 2.242-2.141 3.879c.146 2.165 2.5 5.884 2.881 8.423c0 0 2.583.175 5.773-.166c.002 0-.825-6.654-2.985-10.453"/><path fill="#af7e57" d="M19.924 10.175c-.603-.298-1.614-.479-2.349.901s-1.027 2.884-1.06 3.561s-1.108.284-2.191.128c-1.086-.156-2.853-.332-3.048-.453c-.191-.118-1.565-.234-2.03-.242c-.34-.005-2.104.282-2.496.612c-.461.388 2.73.461 3.01.729c.28.269.876.481 1.274.587c.294.078 4.391 1.364 4.826 1.471c.531.131 1.253.327 1.827-.421s2.356-3.913 2.804-4.707c.512-.909.232-1.771-.567-2.166"/><circle cx="6.397" cy="21.831" r="3.603" fill="#ffac33"/><path fill="#c1694f" d="M7.365 21.657c.764.708 1.573 1.273 2.329 1.615c.122-.277.201-.573.25-.881c-.628-.303-1.297-.777-1.942-1.37l1.304-1.304a3.6 3.6 0 0 0-.621-.652l-1.32 1.32c-.646-.702-1.158-1.437-1.455-2.11a3.6 3.6 0 0 0-.879.223c.013.031.016.059.03.09c.336.785.927 1.635 1.667 2.434L5.43 22.319c-.796-.737-1.642-1.325-2.423-1.662q-.15.435-.185.914c.636.302 1.317.782 1.972 1.385l-1.158 1.158c.193.232.408.444.652.621l1.142-1.142c.592.643 1.023 1.262 1.304 1.803c.315-.03.617-.093.903-.199c-.356-.751-.914-1.542-1.564-2.247z"/></svg>
Person Bouncing Ball Medium Dark Skin Tone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:person-bouncing-ball-medium-dark-skin-tone" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:person-bouncing-ball-medium-dark-skin-tone" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:person-bouncing-ball-medium-dark-skin-tone" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--person-bouncing-ball-medium-dark-skin-tone]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:person-bouncing-ball-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-bouncing-ball-medium-dark-skin-tone"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/person-bouncing-ball-medium-dark-skin-tone.svg" alt="Person Bouncing Ball Medium Dark Skin Tone アイコン" width="24" height="24">
他のアイコンセットの Person Bouncing Ball Medium Dark Skin Tone アイコン
Person Bouncing Ball Medium Dark Skin Tone アイコン のよくある質問
Person Bouncing Ball Medium Dark Skin Tone アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Person Bouncing Ball Medium Dark Skin Tone アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:person-bouncing-ball-medium-dark-skin-tone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Person Bouncing Ball Medium Dark Skin Tone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/person-bouncing-ball-medium-dark-skin-tone.svg" alt="Person Bouncing Ball Medium Dark Skin Tone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Twitter Emoji アイコン をすべて見る →
