Bike Fast Fill アイコン
keyline-icons:bike-fast-fill
Bike Fast Fill アイコン(keyline-icons:bike-fast-fill)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Keyline Icons
- 作者
- Keyline Icons
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- bikefast、fastfill、bikefastfill
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" d="M23 17.5C23 19.9853 20.9853 22 18.5 22C16.0147 22 14 19.9853 14 17.5C14 15.0147 16.0147 13 18.5 13C20.9853 13 23 15.0147 23 17.5ZM10 17.5C10 19.9853 7.9853 22 5.5 22C3.0147 22 1 19.9853 1 17.5C1 15.0147 3.0147 13 5.5 13C7.9853 13 10 15.0147 10 17.5ZM19 4C19 5.1046 18.1046 6 17 6C15.8954 6 15 5.1046 15 4C15 2.8954 15.8954 2 17 2C18.1046 2 19 2.8954 19 4Z" stroke="none"/><path d="M12 17L12.8981 13.4076C12.957 13.1719 12.8381 12.928 12.6161 12.8294L9.3302 11.369C8.9701 11.2089 8.9281 10.7146 9.2559 10.496L13.9757 7.3495C14.2437 7.1709 14.6082 7.2884 14.7212 7.59L15.8783 10.6756C15.9515 10.8707 16.1381 11 16.3465 11L18.5 11M2 6L8 6M2 10L5 10"/></g></svg>Bike Fast Fill アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:bike-fast-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:bike-fast-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:bike-fast-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--bike-fast-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:bike-fast-fill"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:bike-fast-fill"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/keyline-icons/bike-fast-fill.svg" alt="Bike Fast Fill アイコン" width="24" height="24">Keyline Icons の関連アイコン
bike
bike-2
bike-2-duotone
bike-2-fill
bike-2-sharp
bike-2-sharp-duotone
bike-2-sharp-fill
bike-2-sharp-two-tone
bike-2-two-tone
bike-duotone
bike-fast
bike-fast-duotone
bike-fast-sharp
bike-fast-sharp-duotone
bike-fast-sharp-fill
bike-fast-sharp-two-tone
bike-fast-two-tone
bike-fill
bike-sharp
bike-sharp-duotone
bike-sharp-fill
bike-sharp-two-tone
bike-two-tone
Bike Fast Fill アイコン のよくある質問
Bike Fast Fill アイコンは商用利用でも無料ですか?
はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Bike Fast Fill アイコンを使うには?
@iconify/react をインストールして <Icon icon="keyline-icons:bike-fast-fill" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Bike Fast Fill アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/bike-fast-fill.svg" alt="Bike Fast Fill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。