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

Bicycling Round Outline アイコン

solar:bicycling-round-outline

Bicycling Round Outline アイコン(solar:bicycling-round-outline)は、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、roundoutline、bicyclingroundoutline
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M14 2.75C13.3096 2.75 12.75 3.30964 12.75 4C12.75 4.69036 13.3096 5.25 14 5.25C14.6904 5.25 15.25 4.69036 15.25 4C15.25 3.30964 14.6904 2.75 14 2.75ZM11.25 4C11.25 2.48122 12.4812 1.25 14 1.25C15.5188 1.25 16.75 2.48122 16.75 4C16.75 5.51878 15.5188 6.75 14 6.75C12.4812 6.75 11.25 5.51878 11.25 4ZM10.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"/></svg>

Bicycling Round Outline アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Solar の関連アイコン

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

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

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

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

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

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

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

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