motorcycle icon
motorcycle-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.
- Name
- motorcycle-bold
- Set
- Phosphor
- Style
- Bold
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
motorcycleEmoji One (Colored)motorcycleFont Awesome 6 SolidmotorcycleFont Awesome SolidmotorcycleFluent EmojimotorcycleFluent Emoji FlatmotorcycleFluent Emoji High ContrastmotorcycleFirefox OS EmojimotorcycleIconoirmotorcycleLine AwesomemotorcycleMaterial SymbolsmotorcycleMaterial Symbols LightmotorcycleNoto EmojimotorcycleOpenMojimotorcycleTwitter Emoji
Use the motorcycle icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M208 112h-1.69l-3.5-11.8c1.71-.15 3.44-.24 5.19-.24a12 12 0 0 0 0-24h-12.37l-8.12-27.41A12 12 0 0 0 176 40h-32a12 12 0 0 0 0 24h23l3.56 12H152c-19.44 0-35.32 4.62-45.92 13.37a12 12 0 0 1-12.56 1.52c-13.13-6-57.19-25-61.65-26.89l-5.27-2.24S22.4 60 20 60a12 12 0 0 0-4.61 23.08c1.72.73 43.67 18.5 68.2 29.66a36.25 36.25 0 0 0 15 3.23a35.78 35.78 0 0 0 22.78-8.09c5.74-4.73 15.58-7.48 27.89-7.84a84 84 0 0 0-24.4 48H94.48a48 48 0 1 0 0 24H136a12 12 0 0 0 12-12a60 60 0 0 1 31.8-52.94l3.5 11.8A48 48 0 1 0 208 112M48 172h20.77a24 24 0 1 1 0-24H48a12 12 0 0 0 0 24m160 12a24 24 0 0 1-17.4-40.5l5.89 19.91A12 12 0 0 0 208 172a12.3 12.3 0 0 0 3.41-.49a12 12 0 0 0 8.1-14.92l-5.91-19.92A24 24 0 0 1 208 184"/></svg>
React
import type { SVGProps } from "react";
export function PhMotorcycleBold(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M208 112h-1.69l-3.5-11.8c1.71-.15 3.44-.24 5.19-.24a12 12 0 0 0 0-24h-12.37l-8.12-27.41A12 12 0 0 0 176 40h-32a12 12 0 0 0 0 24h23l3.56 12H152c-19.44 0-35.32 4.62-45.92 13.37a12 12 0 0 1-12.56 1.52c-13.13-6-57.19-25-61.65-26.89l-5.27-2.24S22.4 60 20 60a12 12 0 0 0-4.61 23.08c1.72.73 43.67 18.5 68.2 29.66a36.25 36.25 0 0 0 15 3.23a35.78 35.78 0 0 0 22.78-8.09c5.74-4.73 15.58-7.48 27.89-7.84a84 84 0 0 0-24.4 48H94.48a48 48 0 1 0 0 24H136a12 12 0 0 0 12-12a60 60 0 0 1 31.8-52.94l3.5 11.8A48 48 0 1 0 208 112M48 172h20.77a24 24 0 1 1 0-24H48a12 12 0 0 0 0 24m160 12a24 24 0 0 1-17.4-40.5l5.89 19.91A12 12 0 0 0 208 172a12.3 12.3 0 0 0 3.41-.49a12 12 0 0 0 8.1-14.92l-5.91-19.92A24 24 0 0 1 208 184"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M208 112h-1.69l-3.5-11.8c1.71-.15 3.44-.24 5.19-.24a12 12 0 0 0 0-24h-12.37l-8.12-27.41A12 12 0 0 0 176 40h-32a12 12 0 0 0 0 24h23l3.56 12H152c-19.44 0-35.32 4.62-45.92 13.37a12 12 0 0 1-12.56 1.52c-13.13-6-57.19-25-61.65-26.89l-5.27-2.24S22.4 60 20 60a12 12 0 0 0-4.61 23.08c1.72.73 43.67 18.5 68.2 29.66a36.25 36.25 0 0 0 15 3.23a35.78 35.78 0 0 0 22.78-8.09c5.74-4.73 15.58-7.48 27.89-7.84a84 84 0 0 0-24.4 48H94.48a48 48 0 1 0 0 24H136a12 12 0 0 0 12-12a60 60 0 0 1 31.8-52.94l3.5 11.8A48 48 0 1 0 208 112M48 172h20.77a24 24 0 1 1 0-24H48a12 12 0 0 0 0 24m160 12a24 24 0 0 1-17.4-40.5l5.89 19.91A12 12 0 0 0 208 172a12.3 12.3 0 0 0 3.41-.49a12 12 0 0 0 8.1-14.92l-5.91-19.92A24 24 0 0 1 208 184"/></svg> </template>
CSS
.icon-motorcycle-bold {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M208%20112h-1.69l-3.5-11.8c1.71-.15%203.44-.24%205.19-.24a12%2012%200%200%200%200-24h-12.37l-8.12-27.41A12%2012%200%200%200%20176%2040h-32a12%2012%200%200%200%200%2024h23l3.56%2012H152c-19.44%200-35.32%204.62-45.92%2013.37a12%2012%200%200%201-12.56%201.52c-13.13-6-57.19-25-61.65-26.89l-5.27-2.24S22.4%2060%2020%2060a12%2012%200%200%200-4.61%2023.08c1.72.73%2043.67%2018.5%2068.2%2029.66a36.25%2036.25%200%200%200%2015%203.23a35.78%2035.78%200%200%200%2022.78-8.09c5.74-4.73%2015.58-7.48%2027.89-7.84a84%2084%200%200%200-24.4%2048H94.48a48%2048%200%201%200%200%2024H136a12%2012%200%200%200%2012-12a60%2060%200%200%201%2031.8-52.94l3.5%2011.8A48%2048%200%201%200%20208%20112M48%20172h20.77a24%2024%200%201%201%200-24H48a12%2012%200%200%200%200%2024m160%2012a24%2024%200%200%201-17.4-40.5l5.89%2019.91A12%2012%200%200%200%20208%20172a12.3%2012.3%200%200%200%203.41-.49a12%2012%200%200%200%208.1-14.92l-5.91-19.92A24%2024%200%200%201%20208%20184%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M208%20112h-1.69l-3.5-11.8c1.71-.15%203.44-.24%205.19-.24a12%2012%200%200%200%200-24h-12.37l-8.12-27.41A12%2012%200%200%200%20176%2040h-32a12%2012%200%200%200%200%2024h23l3.56%2012H152c-19.44%200-35.32%204.62-45.92%2013.37a12%2012%200%200%201-12.56%201.52c-13.13-6-57.19-25-61.65-26.89l-5.27-2.24S22.4%2060%2020%2060a12%2012%200%200%200-4.61%2023.08c1.72.73%2043.67%2018.5%2068.2%2029.66a36.25%2036.25%200%200%200%2015%203.23a35.78%2035.78%200%200%200%2022.78-8.09c5.74-4.73%2015.58-7.48%2027.89-7.84a84%2084%200%200%200-24.4%2048H94.48a48%2048%200%201%200%200%2024H136a12%2012%200%200%200%2012-12a60%2060%200%200%201%2031.8-52.94l3.5%2011.8A48%2048%200%201%200%20208%20112M48%20172h20.77a24%2024%200%201%201%200-24H48a12%2012%200%200%200%200%2024m160%2012a24%2024%200%200%201-17.4-40.5l5.89%2019.91A12%2012%200%200%200%20208%20172a12.3%2012.3%200%200%200%203.41-.49a12%2012%200%200%200%208.1-14.92l-5.91-19.92A24%2024%200%200%201%20208%20184%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/motorcycle-bold.svg?color=%231a73e8&size=48
