Bicycle アイコン
wpf:bicycle
Bicycle アイコン(wpf:bicycle)は、Icons8 Windows 8 Icons セットの無料 SVG アイコンです（作者: Icons8）。 26 × 26 のグリッドで描かれています。 Icons8 Windows 8 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Icons8 Windows 8 Icons
- 作者
- Icons8
- ライセンス
- MIT
- サイズ
- 26 × 26
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 26 26"><path fill="currentColor" d="M19.5 6.719a1 1 0 0 0-.156.031a.75.75 0 0 0-.469.313c-.707 1.018-2.781.906-2.781.906a.75.75 0 0 0-.813.906s.244 1.172.719 2.875H9.906l-.281-.688c.97-.25 1.313-.37 1.313-.718c0-.334-.445-.345-.907-.344H6.687c-.469 0-.625.191-.625.75c0 1.79.837 1.184 2.094.719l.406 1.031l-3.75 7.688A.75.75 0 0 0 5.5 21.25h6.656a.75.75 0 0 0 1.125-.531l3.813-5.563c.699 1.89 1.603 3.932 2.781 5.75a.75.75 0 1 0 1.25-.812c-1.545-2.386-2.556-5.094-3.219-7.219l-.218-.594a37 37 0 0 1-.72-2.844c.931-.013 2.232-.168 3.157-1.5A.75.75 0 0 0 19.5 6.72zm-9.031 6.531h5.969c.002.009-.003.022 0 .031l.03.094l-3.78 5.531zm-1.156 1.125l2.093 5.375H6.687zm-3.813.813A5.31 5.31 0 0 0 .187 20.5A5.31 5.31 0 0 0 5.5 25.813c2.336 0 4.288-1.531 5-3.625H8.594c-.605 1.102-1.752 1.875-3.094 1.875A3.57 3.57 0 0 1 1.937 20.5c0-1.903 1.525-3.44 3.407-3.531l.812-1.719c-.218-.027-.431-.063-.656-.063zm15 0c-.254 0-.505.027-.75.062c.224.559.486 1.127.75 1.688a3.57 3.57 0 0 1 3.563 3.562a3.57 3.57 0 0 1-3.563 3.563a3.57 3.57 0 0 1-3.563-3.563c0-.702.211-1.355.563-1.906c-.29-.602-.535-1.213-.781-1.813a5.33 5.33 0 0 0-1.532 3.719a5.31 5.31 0 0 0 5.313 5.313a5.31 5.31 0 0 0 5.313-5.313a5.31 5.31 0 0 0-5.313-5.313zm-11.281 1.53l-.844 1.72c.082.113.15.25.219.375H10.5c-.27-.791-.698-1.52-1.281-2.094zM902 1469v2h26v-2zm4 5v2h18v-2zm-4 5v2h26v-2zm4 5v2h18v-2zm-4 5v2h26v-2z"/></svg>
Bicycle アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="wpf:bicycle" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="wpf:bicycle" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="wpf:bicycle" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[wpf--bicycle]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/wpf -->
<div class="i-wpf:bicycle"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="wpf:bicycle"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/wpf/bicycle.svg" alt="Bicycle アイコン" width="24" height="24">
Bicycle アイコン のよくある質問
Bicycle アイコンは商用利用でも無料ですか?
はい。Icons8 Windows 8 Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Bicycle アイコンを使うには?
@iconify/react をインストールして <Icon icon="wpf:bicycle" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Bicycle アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/wpf/bicycle.svg" alt="Bicycle アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Icons8 Windows 8 Icons をすべて見る →
ICONYZ
