Bicycle アイコン
twemoji:bicycle
Bicycle アイコン(twemoji:bicycle)は、Twitter Emoji セットの無料 SVG アイコンです（作者: Twitter）。 36 × 36 のグリッドで描かれています。 Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Twitter Emoji
- 作者
- Twitter
- ライセンス
- CC-BY-4.0
- サイズ
- 36 × 36
- カテゴリ
- 旅行・場所
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#ea596e" d="M7 24c1.957 0 3.633 1.135 4.455 2.772l3.477-1.739C13.488 22.058 10.446 20 6.916 20a8.9 8.9 0 0 0-3.649.787l1.668 3.67A5 5 0 0 1 7 24m22 0c1.467 0 2.772.643 3.688 1.648l2.897-2.635A8.88 8.88 0 0 0 28.916 20c-3.576 0-6.652 2.111-8.073 5.15l3.648 1.722C25.293 25.18 27.003 24 29 24"/><path fill="#292f33" d="M7 22a7 7 0 1 0 0 14a7 7 0 0 0 0-14m0 12a5 5 0 1 1 0-10a5 5 0 0 1 0 10m22-12a7 7 0 1 0 .001 14.001A7 7 0 0 0 29 22m0 12a5 5 0 1 1 0-10a5 5 0 0 1 0 10"/><path fill="#dd2e44" d="M29.984 28.922a1 1 0 0 0-.04-.198a1 1 0 0 0-.071-.186c-.013-.024-.015-.052-.029-.075l-7-11a1 1 0 0 0-1.381-.307a.98.98 0 0 0-.445.843H12a1 1 0 1 0 0 2h10c.027 0 .05-.014.077-.016L27.178 28H18a1 1 0 1 0 0 2h11.001a1 1 0 0 0 .44-.112c.031-.017.066-.024.097-.044c.03-.02.048-.051.075-.072a.95.95 0 0 0 .251-.297c.03-.056.055-.11.075-.172a1 1 0 0 0 .04-.201c.004-.036.021-.066.021-.102c0-.027-.014-.051-.016-.078"/><path fill="#dd2e44" d="m21.581 16l-2.899 8.117l-5.929-6.775a1 1 0 1 0-1.505 1.317l6.664 7.615l-.854 2.39a1 1 0 0 0 1.884.672L23.705 16z"/><path fill="#dd2e44" d="M7 30a1 1 0 0 1-.893-1.447l3.062-6.106C9.186 22.419 11 19.651 11 17c0-3.242-2.293-4.043-2.316-4.051a1 1 0 1 1 .633-1.897C9.467 11.102 13 12.333 13 17c0 3.068-1.836 6.042-2.131 6.497l-2.974 5.949A1 1 0 0 1 7 30"/><path fill="#292f33" d="M14.612 13.663a1 1 0 0 1-.165-.014l-6-1a1 1 0 0 1 .329-1.973l6 1a1 1 0 0 1-.164 1.987M26.383 17l-.089-.006l-5.672-.708a.708.708 0 0 1 .087-1.413c.041 0 4.067-.018 5.989-1.299a.71.71 0 0 1 .824.026a.71.71 0 0 1 .241.788l-.709 2.127a.705.705 0 0 1-.671.485"/><path fill="#66757f" d="M20 29a2 2 0 1 1-4 0a2 2 0 0 1 4 0"/></svg>
Bicycle アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:bicycle" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:bicycle" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:bicycle" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--bicycle]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:bicycle"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:bicycle"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/bicycle.svg" alt="Bicycle アイコン" width="24" height="24">
Bicycle アイコン のよくある質問
Bicycle アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Bicycle アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:bicycle" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Bicycle アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/bicycle.svg" alt="Bicycle アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Twitter Emoji アイコン をすべて見る →
ICONYZ
