Man Running Medium Dark Skin Tone アイコン
noto-v1:man-running-medium-dark-skin-tone
Man Running Medium Dark Skin Tone アイコン(noto-v1:man-running-medium-dark-skin-tone)は、Noto Emoji (v1) セットの無料 SVG アイコンです（作者: Google Inc）。 128 × 128 のグリッドで描かれています。 Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Noto Emoji (v1)
- 作者
- Google Inc
- ライセンス
- Apache-2.0
- サイズ
- 128 × 128
- カテゴリ
- 人物・体
- タグ
- manrunning、runningmedium、mediumdark、darkskin、skintone
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><circle cx="73.12" cy="97.81" r="6.37" fill="#59667c" transform="rotate(-43.995 73.117 97.803)"/><path fill="#59667c" d="m79.32 96.34l-12.11 3.85l-10.85-24.38l15-5.41z"/><path fill="#59667c" d="m98.28 100.22l-3.19 10.68l-23.87-7.01l3.74-11.82z"/><g fill="#4568ad"><path d="m103.99 105.51l-2.8 9.3a3.4 3.4 0 0 1-4.25 2.28l-.16-.05a3.4 3.4 0 0 1-2.28-4.25l2.8-9.3a3.4 3.4 0 0 1 4.25-2.28l.16.05c1.81.54 2.83 2.44 2.28 4.25"/><path d="m96.527 116.964l4.772-15.837l4.529 1.364l-4.772 15.837z"/><path d="m96.632 105.68l1.65-5.477l3.677 1.108l-1.65 5.477z"/></g><circle cx="48.64" cy="96.59" r="6.37" fill="#818c9b" transform="rotate(-74.924 48.642 96.585)"/><path fill="#818c9b" d="m53.08 101.15l-9.52-8.41l15.33-21.83L71.25 81z"/><path fill="#818c9b" d="m40.39 121.27l-9.7-5.49l12.33-22.2l10.69 6.28z"/><g fill="#4568ad"><path d="m34.02 125.55l-8.45-4.8a3.41 3.41 0 0 1-1.28-4.65l.08-.15a3.41 3.41 0 0 1 4.65-1.28l8.45 4.8a3.41 3.41 0 0 1 1.28 4.65l-.08.15a3.414 3.414 0 0 1-4.65 1.28"/><path d="m24.515 115.706l14.378 8.174l-2.338 4.112l-14.378-8.174z"/><path d="m35.489 118.315l4.972 2.827l-1.898 3.338l-4.972-2.827z"/></g><circle cx="65.08" cy="75.96" r="7.97" fill="#818c9b"/><path fill="#9b643c" d="m46.873 67.696l-5.798-4.303l8.706-11.733l5.798 4.302z"/><circle cx="43.95" cy="65.53" r="3.66" fill="#9b643c" transform="rotate(-11.246 43.932 65.519)"/><path fill="#04a287" d="m45.41 54.57l9.22 6.59l6.82-9.54a5.535 5.535 0 0 0-1.28-7.71l-.23-.16a5.535 5.535 0 0 0-7.71 1.28z"/><path fill="#9b643c" d="m32.207 70.402l-.736-7.182l12.306-1.26l.736 7.182z"/><path fill="#9b643c" d="m23.57 67.45l.02.23a4.58 4.58 0 0 0 5.01 4.11l2.58-.26a4.58 4.58 0 0 0 4.11-5.01l-.02-.23a4.58 4.58 0 0 0-5.01-4.11l-2.58.26a4.574 4.574 0 0 0-4.11 5.01m34.21-36.53l2.59 10.16l-7.51 2.9l-7.84-19.28z"/><path fill="#9b643c" d="m57.2 20.62l2.03 17.36l-11.32 1.41c-5.26.66-10-3.22-10.4-8.51l-.48-6.41c-.45-5.92 4.32-10.94 10.25-10.8l2.36.06c3.89.1 7.11 3.03 7.56 6.89"/><path fill="#47352d" d="m58.99 32.35l-5.4-.32l-.71-3.68a3.41 3.41 0 0 0-2.35-2.62l-.78 4.24c-1.25-.08-2.38-.8-2.97-1.91l-1.17-2.21a3.35 3.35 0 0 0-2.52-1.75l-6.06-.79s-.91-8.2 7.07-10.14c1.38-.33 2.75-.58 4.07-.77c6.14-.86 11.61 3.94 11.59 10.14a70 70 0 0 1-.77 9.81"/><path fill="#42312c" d="M41.69 27.99c.08.77-.38 1.45-1.02 1.51s-1.22-.51-1.29-1.28c-.08-.77.38-1.45 1.02-1.51c.64-.07 1.21.51 1.29 1.28"/><path fill="#00bea4" d="M70.04 75.11L57.6 78.06c-2.38.56-4.76-.91-5.33-3.28l-3.06-22.97c-.41-3.75-.72-10.11 4.25-11.28l4.3-1.02c4.28-1.01 7.26 3.62 8.51 8.03l7.06 22.24a4.43 4.43 0 0 1-3.29 5.33"/><path fill="#9b643c" d="M79.703 55.924L76.1 62.182l-12.663-7.29l3.602-6.257z"/><circle cx="77.89" cy="59.07" r="3.66" fill="#9b643c" transform="rotate(-17.88 77.9 59.072)"/><path fill="#04a287" d="m66.83 58.9l5.47-9.92l-10.26-5.67a5.536 5.536 0 0 0-7.51 2.17l-.13.24a5.536 5.536 0 0 0 2.17 7.51z"/><path fill="#9b643c" d="m86.903 68.645l-6.419 3.307l-5.665-10.997l6.419-3.307z"/><path fill="#9b643c" d="m87.3 77.76l.2-.1a4.58 4.58 0 0 0 1.99-6.17l-1.18-2.3a4.58 4.58 0 0 0-6.17-1.99l-.2.1a4.58 4.58 0 0 0-1.99 6.17l1.18 2.3a4.593 4.593 0 0 0 6.17 1.99"/></svg>
Man Running Medium Dark Skin Tone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="noto-v1:man-running-medium-dark-skin-tone" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto-v1:man-running-medium-dark-skin-tone" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto-v1:man-running-medium-dark-skin-tone" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--man-running-medium-dark-skin-tone]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:man-running-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="noto-v1:man-running-medium-dark-skin-tone"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/noto-v1/man-running-medium-dark-skin-tone.svg" alt="Man Running Medium Dark Skin Tone アイコン" width="24" height="24">
他のアイコンセットの Man Running Medium Dark Skin Tone アイコン
Man Running Medium Dark Skin Tone アイコン のよくある質問
Man Running Medium Dark Skin Tone アイコンは商用利用でも無料ですか?
はい。Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Man Running Medium Dark Skin Tone アイコンを使うには?
@iconify/react をインストールして <Icon icon="noto-v1:man-running-medium-dark-skin-tone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Man Running Medium Dark Skin Tone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/noto-v1/man-running-medium-dark-skin-tone.svg" alt="Man Running Medium Dark Skin Tone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Noto Emoji (v1) アイコン をすべて見る →
