ICONYZ
日本語
Solar の Bicycling Round Bold アイコン

Bicycling Round Bold アイコン

solar:bicycling-round-bold

Bicycling Round Bold アイコン(solar:bicycling-round-bold)は、Solar セットの無料 SVG アイコンです(作者: 480 Design)。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Solar
作者
480 Design
ライセンス
CC-BY-4.0
サイズ
24 × 24
カテゴリ
スポーツ
タグ
bicyclinground、roundbold、bicyclingroundbold
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M16 4C16 5.10457 15.1046 6 14 6C12.8954 6 12 5.10457 12 4C12 2.89543 12.8954 2 14 2C15.1046 2 16 2.89543 16 4Z"/><path fill-rule="evenodd" d="M10.919 8.50596C10.0125 7.78435 8.67587 8.04212 8.10274 9.04908C7.54795 10.0238 7.96038 11.2644 8.98833 11.713L12.079 13.0616C13.4092 13.6421 14.0214 15.1873 13.4497 16.5213L12.6894 18.2954C12.5262 18.6762 12.0853 18.8525 11.7046 18.6894C11.3238 18.5262 11.1475 18.0853 11.3106 17.7046L12.071 15.9304C12.3179 15.3544 12.0535 14.6871 11.4791 14.4364L8.38842 13.0878C6.54363 12.2828 5.80347 10.0564 6.79911 8.30709C7.82766 6.49997 10.2264 6.03738 11.8532 7.3324L14.0116 9.05057C14.1738 9.1797 14.375 9.25 14.5823 9.25H18.5C18.9142 9.25 19.25 9.58579 19.25 10C19.25 10.4142 18.9142 10.75 18.5 10.75H14.5823C14.0356 10.75 13.5051 10.5646 13.0773 10.2241L10.919 8.50596ZM6 15.75C4.75736 15.75 3.75 16.7574 3.75 18C3.75 19.2426 4.75736 20.25 6 20.25C7.24264 20.25 8.25 19.2426 8.25 18C8.25 16.7574 7.24264 15.75 6 15.75ZM2.25 18C2.25 15.9289 3.92893 14.25 6 14.25C8.07107 14.25 9.75 15.9289 9.75 18C9.75 20.0711 8.07107 21.75 6 21.75C3.92893 21.75 2.25 20.0711 2.25 18ZM18 15.75C16.7574 15.75 15.75 16.7574 15.75 18C15.75 19.2426 16.7574 20.25 18 20.25C19.2426 20.25 20.25 19.2426 20.25 18C20.25 16.7574 19.2426 15.75 18 15.75ZM14.25 18C14.25 15.9289 15.9289 14.25 18 14.25C20.0711 14.25 21.75 15.9289 21.75 18C21.75 20.0711 20.0711 21.75 18 21.75C15.9289 21.75 14.25 20.0711 14.25 18Z" clip-rule="evenodd"/></g></svg>

Bicycling Round Bold アイコンの使い方

React

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

<Icon icon="solar:bicycling-round-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:bicycling-round-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:bicycling-round-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--bicycling-round-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:bicycling-round-bold"></div>

Web コンポーネント

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

<iconify-icon icon="solar:bicycling-round-bold"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/bicycling-round-bold.svg" alt="Bicycling Round Bold アイコン" width="24" height="24">

Solar の関連アイコン

Bicycling Round Bold アイコン のよくある質問

Bicycling Round Bold アイコンは商用利用でも無料ですか?

はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Bicycling Round Bold アイコンを使うには?

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

Bicycling Round Bold アイコンをウェブページに追加するには?

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

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