Man Bouncing Ball Medium Dark Skin Tone アイコン
twemoji:man-bouncing-ball-medium-dark-skin-tone
Man Bouncing Ball Medium Dark Skin Tone アイコン(twemoji:man-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
- 作者
- ライセンス
- CC-BY-4.0
- サイズ
- 36 × 36
- カテゴリ
- 人物・体
- タグ
- manbouncing、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="#1c6399" 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="#3b94d9" 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="#1c6399" 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="#3b94d9" 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="#1c6399" d="M16.404 21.332c.751-.398 3.235-1.653 4.947-1.804a.35.35 0 0 1 .352.235l1.328 3.635a.345.345 0 0 1-.216.451c-.781.25-2.74.915-4.22 1.719a.34.34 0 0 1-.448-.106c-.456-.664-1.642-2.477-1.923-3.76a.34.34 0 0 1 .18-.37"/><path fill="#357baa" d="M21.264 25.576c-.196-.827-.785-3.547-.501-5.242a.35.35 0 0 1 .316-.281l3.853-.37a.344.344 0 0 1 .382.323c.046.818.196 2.882.601 4.517a.34.34 0 0 1-.216.407c-.758.274-2.811.965-4.123.914a.34.34 0 0 1-.312-.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.254"/><path fill="#af7e57" d="M18.885 6.217c.253-.418.429-.895.475-1.466C19.525 2.71 18.155.934 16.3.784s-4.184 1.475-3.897 3.502c.285 2.013 1.746 4.863 3.38 4.169c.431-.183.861-.38 1.267-.604c.205.194.429 1.001.435 1.713c.012 1.814 2.507 1.72 2.492-.097c-.013-1.437-1.002-2.239-1.092-3.25"/><path fill="#60352a" d="M12.925 1.639c2.296-1.793 3.976-1.717 5.471-.76c1.485.951 1.77 3.017 1.528 4.378c-.241 1.361-.633 1.329-.633 1.329s-1.781.607-2.096-1.071c-.1-.531.466-.883-.265-1.599c-.47-.461-1.372-.111-1.299.618s-.314.632-.314.632l-1.3-1.814s-.951.046-1.384.968c-.272.579-1.713-1.115.292-2.681"/><path fill="#4289c1" d="M22.418 9.765c-.897-1.578-2.174-2.314-3.528-1.683c-4.238 1.976-1.905 5.849.189 12.276c0 0 3.134.202 6.325-.14c.001 0-.826-6.654-2.986-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>Man Bouncing Ball Medium Dark Skin Tone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:man-bouncing-ball-medium-dark-skin-tone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:man-bouncing-ball-medium-dark-skin-tone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:man-bouncing-ball-medium-dark-skin-tone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--man-bouncing-ball-medium-dark-skin-tone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:man-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:man-bouncing-ball-medium-dark-skin-tone"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/man-bouncing-ball-medium-dark-skin-tone.svg" alt="Man Bouncing Ball Medium Dark Skin Tone アイコン" width="24" height="24">Twitter Emoji の関連アイコン
他のアイコンセットの Man Bouncing Ball Medium Dark Skin Tone アイコン
Man Bouncing Ball Medium Dark Skin Tone アイコン のよくある質問
Man Bouncing Ball Medium Dark Skin Tone アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Man Bouncing Ball Medium Dark Skin Tone アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:man-bouncing-ball-medium-dark-skin-tone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Man Bouncing Ball Medium Dark Skin Tone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/man-bouncing-ball-medium-dark-skin-tone.svg" alt="Man Bouncing Ball Medium Dark Skin Tone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。