Bicycle アイコン

Q: Bicycle アイコンは商用利用でも無料ですか?

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

streamline-emojis:bicycle

Bicycle アイコン(streamline-emojis:bicycle)は、Streamline Emojis セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Streamline Emojis icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Streamline Emojis
作者: Streamline
ライセンス: CC-BY-4.0
サイズ: 48 × 48
カテゴリ: 旅行・場所

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#45413c" d="M2.89 42.23a21.24 1.77 0 1 0 42.48 0a21.24 1.77 0 1 0-42.48 0" opacity=".15"/><path fill="#656769" d="M18.5 33.75a8.25 8.25 0 1 1-8.25-8.25a8.25 8.25 0 0 1 8.25 8.25"/><path fill="#87898c" d="M10.25 27.86a8.26 8.26 0 0 1 8.16 7.07a9 9 0 0 0 .09-1.18a8.25 8.25 0 0 0-16.5 0a9 9 0 0 0 .09 1.18a8.26 8.26 0 0 1 8.16-7.07"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M18.5 33.75a8.25 8.25 0 1 1-8.25-8.25a8.25 8.25 0 0 1 8.25 8.25"/><path fill="#656769" d="M46.25 33.75A8.25 8.25 0 1 1 38 25.5a8.25 8.25 0 0 1 8.25 8.25"/><path fill="#87898c" d="M38 27.86a8.26 8.26 0 0 1 8.16 7.07a9 9 0 0 0 .09-1.18a8.25 8.25 0 0 0-16.5 0a9 9 0 0 0 .09 1.18A8.26 8.26 0 0 1 38 27.86"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M46.25 33.75A8.25 8.25 0 1 1 38 25.5a8.25 8.25 0 0 1 8.25 8.25"/><path fill="#e8f4fa" d="M43.3 33.7a5.3 5.3 0 1 1-5.3-5.3a5.3 5.3 0 0 1 5.3 5.3"/><path fill="#c0dceb" d="M38 30.75a5.31 5.31 0 0 1 5.16 4.13a5 5 0 0 0 .14-1.18a5.3 5.3 0 1 0-10.6 0a5 5 0 0 0 .14 1.18A5.31 5.31 0 0 1 38 30.75"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M43.3 33.7a5.3 5.3 0 1 1-5.3-5.3a5.3 5.3 0 0 1 5.3 5.3m-10.6.05h10.6m-7.93 4.55l5.3-9.18m-.04 9.18l-5.3-9.18"/><path fill="#e8f4fa" d="M15.57 33.75a5.3 5.3 0 1 1-5.3-5.3a5.3 5.3 0 0 1 5.3 5.3"/><path fill="#c0dceb" d="M10.27 30.75a5.31 5.31 0 0 1 5.17 4.15a5.4 5.4 0 0 0 .13-1.15a5.3 5.3 0 0 0-10.6 0a5.4 5.4 0 0 0 .13 1.15a5.31 5.31 0 0 1 5.17-4.15"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M15.57 33.75a5.3 5.3 0 1 1-5.3-5.3a5.3 5.3 0 0 1 5.3 5.3m-10.6 0h10.6m-7.95 4.59l5.3-9.18m0 9.18l-5.3-9.18"/><path fill="#6dd627" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M30.82 16.93v2.14H16.33c0-.29.06-.57.07-.86l.28-4.64a1.18 1.18 0 0 0-1.18-1.25H8.75a1.18 1.18 0 0 0 0 2.36h4.86a.6.6 0 0 1 .6.63l-.16 2.77a32 32 0 0 1-4.81 15.06a1.18 1.18 0 1 0 2 1.22a34.7 34.7 0 0 0 4.33-10.5a.58.58 0 0 1 1-.24l8.45 10.85a1.22 1.22 0 0 0 .93.46H38a1.18 1.18 0 0 0 1.08-1.66L33.18 20v-3.07Zm-1 5.33l-4.1 9.21l-7.07-9.09a.59.59 0 0 1 .47-.95h10.16a.59.59 0 0 1 .54.83m-2 10.31L32 23.16l4.18 9.41Z"/><path fill="#daedf7" d="M29 33.7a3 3 0 1 1-3-3a3 3 0 0 1 3 3"/><path fill="#e8f4fa" d="M26 32.57a3 3 0 0 1 2.84 2.07a3.3 3.3 0 0 0 .16-.94a3 3 0 1 0-6 0a3.3 3.3 0 0 0 .16.94A3 3 0 0 1 26 32.57"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M23 33.7a3 3 0 1 0 6 0a3 3 0 1 0-6 0"/><path fill="#debb7e" d="M26.69 16.93h9.44c2.14 0 2.26-4.13 0-4.13s-5.41 1.33-7.67 1.2c-4.15-.29-3.17 2.93-1.77 2.93"/><path fill="#f0d5a8" d="M28.46 15.38c2.26.07 5.41-.63 7.67-.63a1.59 1.59 0 0 1 1.57.73c.28-1.19-.21-2.68-1.57-2.68c-2.26 0-5.41 1.33-7.67 1.18c-2.64-.17-3.2 1.06-2.91 2c.24-.37 1.06-.67 2.91-.6m7.67 1.55a1.6 1.6 0 0 0 .39-.05a2.3 2.3 0 0 1-.39.05"/><path fill="none" stroke="#45413c" d="M26.69 16.93h9.44c2.14 0 2.26-4.13 0-4.13s-5.41 1.33-7.67 1.2c-4.15-.29-3.17 2.93-1.77 2.93Z"/><path fill="#debb7e" d="M9.68 11.92H7.54A4.93 4.93 0 0 0 4.92 21l.83.52a1.55 1.55 0 1 0 1.62-2.65l-.91-.54a1.89 1.89 0 0 1 1-3.5h2.22a1.18 1.18 0 0 0 1.18-1.18v-.55a1.18 1.18 0 0 0-1.18-1.18"/><path fill="#f0d5a8" d="M9.68 11.92H7.54a4.94 4.94 0 0 0-4.94 4.94a5 5 0 0 0 .08.88a4.94 4.94 0 0 1 4.86-4h2.14a1.17 1.17 0 0 1 1 .59a1.16 1.16 0 0 0 .16-.59v-.64a1.18 1.18 0 0 0-1.16-1.18"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M9.68 11.92H7.54A4.93 4.93 0 0 0 4.92 21l.83.52a1.55 1.55 0 1 0 1.62-2.65l-.91-.54a1.89 1.89 0 0 1 1-3.5h2.22a1.18 1.18 0 0 0 1.18-1.18v-.55a1.18 1.18 0 0 0-1.18-1.18"/></svg>

Bicycle アイコンの使い方

React

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

<Icon icon="streamline-emojis:bicycle" width="24" />

Vue

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

<template>
  <Icon icon="streamline-emojis:bicycle" width="24" />
</template>

Svelte

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

<Icon icon="streamline-emojis:bicycle" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--bicycle]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:bicycle"></div>

Web コンポーネント

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

<iconify-icon icon="streamline-emojis:bicycle"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/streamline-emojis/bicycle.svg" alt="Bicycle アイコン" width="24" height="24">

他のアイコンセットの Bicycle アイコン

Bicycle アイコンのよくある質問

Bicycle アイコンは商用利用でも無料ですか?

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

React で Bicycle アイコンを使うには?

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

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

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

Streamline Emojis アイコンをすべて見る →