Bike icon
ps:bike
The Bike icon (ps:bike) is a free SVG icon from the PrestaShop Icons set by PrestaShop. It is drawn on a 512 × 448 grid. PrestaShop Icons use the CC BY-NC 4.0 license, which does not allow commercial use without separate permission from the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- PrestaShop Icons
- Author
- PrestaShop
- License
- CC-BY-NC-4.0
- Size
- 512 × 448
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="448" viewBox="0 0 512 448"><path fill="currentColor" d="M382 382q50 11 90-22t40-83q0-41-36-74q-32-32-92-32V64q0-27-18.5-45.5T320 0q-21 0-21 21q0 22 21 22q12 0 27.5 6T363 64v21H171V64h42q0-17-12.5-30T171 21h-64q0 12 14 25t28 18v43l-23 66q-55-13-107 51q-19 29-19 53q0 45 31 76t76 31q38 0 67-24t37-61h15q33 0 49-24l32-38q-13 30-4 68q6 27 28 48.5t51 28.5m-275-41q-28 0-46-18t-18-46q0-27 18-45.5t46-18.5h6l-28 86h81q-6 19-22.5 30.5T107 341m42-85v-21q18 12 22 21zm15-68l9-22l15 43q-23-21-24-21m209 85q7 8 16.5 8.5T405 275q12-10 2-28q-7-12-14-34q32-7 61 28q15 18 15 38q0 30-22 48.5T395 341q-20-3-34-16.5T343 292q-6-33 13-55q6 16 17 36m-130-15l-42-130h119zm77-45l21-42v21q-12 9-21 21"/></svg>
How to use the Bike icon
React
import { Icon } from "@iconify/react";
<Icon icon="ps:bike" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ps:bike" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ps:bike" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ps--bike]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ps -->
<div class="i-ps:bike"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ps:bike"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/ps/bike.svg" alt="Bike icon" width="24" height="24">
Bike icon in other icon sets
Bike icon FAQ
Is the Bike icon free for commercial use?
No. PrestaShop Icons use the CC BY-NC 4.0 license, which does not allow commercial use without separate permission from the author.
How do I use the Bike icon in React?
Install @iconify/react and render <Icon icon="ps:bike" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Bike icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/ps/bike.svg" alt="Bike icon">, or paste the SVG code inline to style it with CSS.
Browse all PrestaShop Icons →
ICONYZ
