Bike Fast Duotone アイコン
keyline-icons:bike-fast-duotone
Bike Fast Duotone アイコン(keyline-icons:bike-fast-duotone)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Keyline Icons
- 作者
- Keyline Icons
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- bikefast、fastduotone、bikefastduotone
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" fill-opacity=".4" 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.5Z" 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 10M17 5C17.5523 5 18 4.5523 18 4C18 3.4477 17.5523 3 17 3C16.4477 3 16 3.4477 16 4C16 4.5523 16.4477 5 17 5Z"/></g></svg>Bike Fast Duotone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:bike-fast-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:bike-fast-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:bike-fast-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--bike-fast-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:bike-fast-duotone"></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-duotone"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/keyline-icons/bike-fast-duotone.svg" alt="Bike Fast Duotone アイコン" 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-fill
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 Duotone アイコン のよくある質問
Bike Fast Duotone アイコンは商用利用でも無料ですか?
はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Bike Fast Duotone アイコンを使うには?
@iconify/react をインストールして <Icon icon="keyline-icons:bike-fast-duotone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Bike Fast Duotone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/bike-fast-duotone.svg" alt="Bike Fast Duotone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。