Exercise Bicycle アイコン

Q: Exercise Bicycle アイコンは商用利用でも無料ですか?

はい。Health Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

healthicons:exercise-bicycle

Exercise Bicycle アイコン(healthicons:exercise-bicycle)は、Health Icons セットの無料 SVG アイコンです（作者: Resolve to Save Lives）。 48 × 48 のグリッドで描かれています。 Health Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Health Icons
作者: Resolve to Save Lives
ライセンス: MIT
サイズ: 48 × 48
カテゴリ: 運動
タグ: exercisebicycle

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="currentColor"><path fill-rule="evenodd" d="M35.4 36.2a1 1 0 0 1 1.4.2l2.7 3.6H41a1 1 0 0 1 0 2h-5a1 1 0 1 1 0-2h1l-1.8-2.4a1 1 0 0 1 .2-1.4" clip-rule="evenodd"/><path fill-rule="evenodd" d="M33 38a9 9 0 1 0-7.485-14h7.062a5.423 5.423 0 0 1 1.43 10.655l-6.202 1.695A8.96 8.96 0 0 0 33 38m-6.924-3.25l7.403-2.025A3.423 3.423 0 0 0 32.577 26h-8.065A9 9 0 0 0 24 29c0 2.186.78 4.19 2.076 5.75" clip-rule="evenodd"/><path fill-rule="evenodd" d="M30.569 37.668a9 9 0 0 1-2.764-1.318l6.202-1.695A5.423 5.423 0 0 0 32.577 24h-7.062a9 9 0 0 1 1.827-2a9 9 0 1 1 3.227 15.668m9.428-8.46Q40 29.106 40 29a7 7 0 0 0-7.21-6.997a7.424 7.424 0 0 1 7.207 7.206M26.076 34.75l7.403-2.024A3.423 3.423 0 0 0 32.577 26h-8.065A9 9 0 0 0 24 29c0 2.186.78 4.19 2.076 5.75M26.07 28q-.07.49-.071 1c0 1.256.33 2.431.907 3.449l6.045-1.653A1.423 1.423 0 0 0 32.577 28zM13.6 36.2a1 1 0 0 1 .2 1.4l-3 4a1 1 0 1 1-1.6-1.2l3-4a1 1 0 0 1 1.4-.2" clip-rule="evenodd"/><path d="M7 41a1 1 0 0 1 1-1h5a1 1 0 1 1 0 2H8a1 1 0 0 1-1-1"/><path fill-rule="evenodd" d="M8 40a1 1 0 1 0 0 2h5a1 1 0 1 0 0-2zm0-7.98A6.02 6.02 0 0 1 14.02 26h18.56a3.42 3.42 0 0 1 .94 6.709l-17.847 5.099C11.828 38.906 8 36.018 8 32.02m7.732.98A2 2 0 0 1 12 32a2 2 0 0 1 3.732-1H19a1 1 0 1 1 0 2z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M10 32.01v.01c0 2.67 2.556 4.598 5.124 3.865L18.22 35h-1.575A4 4 0 0 1 10 32.01M14.01 28h18.57a1.42 1.42 0 0 1 .39 2.786l-11.922 3.406A3 3 0 0 0 19 29h-2.355a4 4 0 0 0-2.635-1m1.722 5A2 2 0 0 1 12 32a2 2 0 0 1 3.732-1H19a1 1 0 1 1 0 2zm-1.712-7A6.02 6.02 0 0 0 8 32.02c0 3.999 3.828 6.886 7.673 5.788l17.846-5.1A3.42 3.42 0 0 0 32.58 26z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M10.702 18.046a1 1 0 0 1 1.252.656l2.5 8a1 1 0 0 1-1.908.596l-2.5-8a1 1 0 0 1 .656-1.252M35.343 6.06a1 1 0 0 1 .596 1.283l-1 2.738a1 1 0 0 1-.574.588l-3.588 1.405l3.161 8.58a1 1 0 1 1-1.876.692l-3.5-9.5a1 1 0 0 1 .573-1.277l4.08-1.598l.846-2.314a1 1 0 0 1 1.282-.596" clip-rule="evenodd"/><path d="M6 17.15a2.85 2.85 0 0 1 3.134-2.837l4.502.45a2.625 2.625 0 0 1-.26 5.237H8.85A2.85 2.85 0 0 1 6 17.15"/><path fill-rule="evenodd" d="m13.438 16.754l-4.503-.45A.85.85 0 1 0 8.85 18h4.525a.625.625 0 0 0 .063-1.246m-4.304-2.44A2.85 2.85 0 1 0 8.85 20h4.525a2.625 2.625 0 0 0 .261-5.236z" clip-rule="evenodd"/></g></svg>

Exercise Bicycle アイコンの使い方

React

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

<Icon icon="healthicons:exercise-bicycle" width="24" />

Vue

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

<template>
  <Icon icon="healthicons:exercise-bicycle" width="24" />
</template>

Svelte

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

<Icon icon="healthicons:exercise-bicycle" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--exercise-bicycle]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:exercise-bicycle"></div>

Web コンポーネント

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

<iconify-icon icon="healthicons:exercise-bicycle"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/healthicons/exercise-bicycle.svg" alt="Exercise Bicycle アイコン" width="24" height="24">

Health Icons の関連アイコン

Exercise Bicycle アイコンのよくある質問

Exercise Bicycle アイコンは商用利用でも無料ですか?

はい。Health Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Exercise Bicycle アイコンを使うには?

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

Exercise Bicycle アイコンをウェブページに追加するには?

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

Health Icons をすべて見る →