Man Biking Medium Dark Skin Tone アイコン

Q: Man Biking Medium Dark Skin Tone アイコンは商用利用でも無料ですか?

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

openmoji:man-biking-medium-dark-skin-tone

Man Biking Medium Dark Skin Tone アイコン(openmoji:man-biking-medium-dark-skin-tone)は、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
カテゴリ: 人物・体
タグ: manbiking、bikingmedium、mediumdark、darkskin、skintone

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><g fill="#a57939"><circle cx="32.793" cy="10.581" r="2.86"/><path d="m32.793 19.923l1.906-2.764l3.623.095l6.005 13.441l-2.002 3.623l-2.383 2.383l-2.955 10.677l-3.24 6.387l-2.289-1.907l.858-6.768l-3.622-6.673l.095-3.146l7.626-4.766l-2.669-7.15"/></g><g fill="none" stroke="#000" stroke-width="2"><circle cx="19.161" cy="49.57" r="9.723" stroke-miterlimit="10"/><circle cx="49.666" cy="49.57" r="9.723" stroke-miterlimit="10"/><path stroke-linecap="round" stroke-linejoin="round" d="m19.257 49.57l1.906-22.878h3.623"/><circle cx="32.793" cy="10.581" r="3" stroke-miterlimit="10"/><path stroke-linecap="round" stroke-linejoin="round" d="m25.071 26.787l4.099-2.765a11.8 11.8 0 0 0 2.67-2.669l1.811-2.574a3.94 3.94 0 0 1 2.955-1.525a3.06 3.06 0 0 1 2.574 1.811l4.385 10.01a4.74 4.74 0 0 1-.095 3.432l-.096.19a5.9 5.9 0 0 1-2.669 2.383l-5.243 2.288a1.935 1.935 0 0 0-1.049 2.478l2.479 6.101a2.285 2.285 0 0 1-.667 2.67a1.73 1.73 0 0 1-2.384-.763l-4.194-7.817a8.7 8.7 0 0 1-.858-3.24a3.67 3.67 0 0 1 1.62-2.575l4.385-2.764a2.78 2.78 0 0 0 1.144-2.86l-1.43-5.72"/><path stroke-miterlimit="10" d="m36.225 48.617l-.954 2.955a2.66 2.66 0 0 1-2.287 1.811a1.622 1.622 0 0 1-1.526-1.906l.858-6.387m8.103-9.914l-3.432 10.962"/></g></svg>

Man Biking Medium Dark Skin Tone アイコンの使い方

React

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

<Icon icon="openmoji:man-biking-medium-dark-skin-tone" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:man-biking-medium-dark-skin-tone" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:man-biking-medium-dark-skin-tone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--man-biking-medium-dark-skin-tone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:man-biking-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="openmoji:man-biking-medium-dark-skin-tone"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/openmoji/man-biking-medium-dark-skin-tone.svg" alt="Man Biking Medium Dark Skin Tone アイコン" width="24" height="24">

OpenMoji の関連アイコン

他のアイコンセットの Man Biking Medium Dark Skin Tone アイコン

Man Biking Medium Dark Skin Tone アイコンのよくある質問

Man Biking Medium Dark Skin Tone アイコンは商用利用でも無料ですか?

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

React で Man Biking Medium Dark Skin Tone アイコンを使うには?

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

Man Biking Medium Dark Skin Tone アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/openmoji/man-biking-medium-dark-skin-tone.svg" alt="Man Biking Medium Dark Skin Tone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

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