ICONYZ
日本語
OpenMoji の Person Bouncing Ball アイコン

Person Bouncing Ball アイコン

openmoji:person-bouncing-ball

Person Bouncing Ball アイコン(openmoji:person-bouncing-ball)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
OpenMoji
作者
OpenMoji
ライセンス
CC-BY-SA-4.0
サイズ
72 × 72
カテゴリ
人物・体
タグ
personbouncing、bouncingball、personbouncingball
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><circle cx="16.969" cy="41.094" r="5" fill="#ea5a47"/><g fill="#fcea2b"><circle cx="29.969" cy="14.094" r="3"/><path d="M29.665 23.585s.304 3.708 3.304 9.042A82 82 0 0 0 34 34.335L31 46l-.25 15h3.424L36 49l3-6l6-5v-4l-6-11"/><path d="m45 37l5 10l10.167 6l-1 3L47 51l-7-8m-1-20c-2-4-4.36-4.233-6.031-3.583c-2.254.876-2.88 3.58-1.969 5.583"/></g><g fill="none" stroke="#000" stroke-miterlimit="10" stroke-width="2"><circle cx="29.969" cy="14.094" r="3"/><circle cx="16.969" cy="41.094" r="5"/><path stroke-linecap="round" stroke-linejoin="round" d="m33.268 31.446l.866 1.777c.476.977.558 2.623.182 3.657l-2.632 7.24c-.376 1.034-.699 2.78-.717 3.88l-.184 11c-.018 1.1.738 2 1.679 2s1.848-.89 2.013-1.977l1.224-8.045c.165-1.088.703-2.783 1.196-3.767l1.21-2.422c.493-.984 1.586-2.365 2.431-3.07l2.928-2.439C44.309 38.576 45 37.1 45 36h0c0-1.1-.43-2.79-.958-3.756L39 23"/><path stroke-linecap="round" stroke-linejoin="round" d="m45 37l4.106 8.21c.492.985 1.67 2.247 2.617 2.807l6.721 3.966c.948.56 1.498 1.692 1.223 2.517s-1.332 1.158-2.35.74l-8.467-3.48c-1.018-.418-2.443-1.438-3.167-2.265L40 43m-1-20c-2-4-4.36-4.233-6.031-3.583c-1.192.463-1.928 1.437-2.223 2.548M34 23l-3.008 5.264c-.546.955-1.87 1.934-2.943 2.176L21.125 32"/></g></svg>

Person Bouncing Ball アイコンの使い方

React

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

<Icon icon="openmoji:person-bouncing-ball" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:person-bouncing-ball" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:person-bouncing-ball" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--person-bouncing-ball]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:person-bouncing-ball"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="openmoji:person-bouncing-ball"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/openmoji/person-bouncing-ball.svg" alt="Person Bouncing Ball アイコン" width="24" height="24">

OpenMoji の関連アイコン

他のアイコンセットの Person Bouncing Ball アイコン

Person Bouncing Ball アイコン のよくある質問

Person Bouncing Ball アイコンは商用利用でも無料ですか?

はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

React で Person Bouncing Ball アイコンを使うには?

@iconify/react をインストールして <Icon icon="openmoji:person-bouncing-ball" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Person Bouncing Ball アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/openmoji/person-bouncing-ball.svg" alt="Person Bouncing Ball アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

OpenMoji アイコン をすべて見る →