motorcycle icon

motorcycle from Font Awesome Solid by Dave Gandy · Solid · Automotive · CC-BY-4.0 Attribution required.

Name
motorcycle
Set
Font Awesome Solid
Style
Solid
Category
Automotive
Viewbox
640×640
License
CC BY 4.0

The same icon in other sets

motorcycleEmoji One (Colored)motorcycleFont Awesome 6 SolidmotorcycleFluent EmojimotorcycleFluent Emoji FlatmotorcycleFluent Emoji High ContrastmotorcycleFirefox OS EmojimotorcycleIconoirmotorcycleLine AwesomemotorcycleMaterial SymbolsmotorcycleMaterial Symbols LightmotorcycleNoto EmojimotorcycleOpenMojimotorcyclePhosphormotorcycleTwitter Emoji

More automotive icons from Font Awesome Solid

air-freshenerambulancebusbus-altcarcar-altcar-batterycar-crashcar-sidecaravancharging-stationgas-pumpoil-canshuttle-vantachometer-alttaxitrailertrucktruck-monstertruck-pickup

Use the motorcycle icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M280 80c-13.3 0-24 10.7-24 24s10.7 24 24 24h56.6l22.5 48.7L264 248c-33.4-25.1-75-40-120-40H88c-13.3 0-24 10.7-24 24s10.7 24 24 24h56c78.5 0 143.2 59.6 151.2 136h-25.4c-11.2-59.2-63.3-104-125.8-104c-70.7 0-128 57.3-128 128s57.3 128 128 128c62.5 0 114.5-44.8 125.8-104H320c13.3 0 24-10.7 24-24v-22.5c0-45.1 25.7-85.4 65.5-107.7l12.1 26.1c-32.4 23.2-53.5 61.2-53.5 104.1c0 70.7 57.3 128 128 128s128-57.3 128-128s-57.3-128-128-128c-10.7 0-21 1.3-30.9 3.8L433.8 224H488c13.3 0 24-10.7 24-24v-48c0-13.3-10.7-24-24-24h-53.3c-6.9 0-13.7 2.2-19.2 6.4l-17.1 12.8l-24.6-53.3C369.9 85.4 361.4 80 352 80zm165.8 284.4l28.4 61.6c5.6 12 19.8 17.3 31.8 11.7s17.3-19.8 11.7-31.8l-28.5-61.6c2.2-.2 4.4-.3 6.7-.3c39.8 0 72 32.2 72 72s-32.2 72-72 72s-72-32.2-72-72c0-20.2 8.3-38.5 21.8-51.6zM144 488c-39.8 0-72-32.2-72-72s32.2-72 72-72c31.3 0 58 20 67.9 48H144c-13.3 0-24 10.7-24 24s10.7 24 24 24h67.9c-9.9 28-36.6 48-67.9 48"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidMotorcycle(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M280 80c-13.3 0-24 10.7-24 24s10.7 24 24 24h56.6l22.5 48.7L264 248c-33.4-25.1-75-40-120-40H88c-13.3 0-24 10.7-24 24s10.7 24 24 24h56c78.5 0 143.2 59.6 151.2 136h-25.4c-11.2-59.2-63.3-104-125.8-104c-70.7 0-128 57.3-128 128s57.3 128 128 128c62.5 0 114.5-44.8 125.8-104H320c13.3 0 24-10.7 24-24v-22.5c0-45.1 25.7-85.4 65.5-107.7l12.1 26.1c-32.4 23.2-53.5 61.2-53.5 104.1c0 70.7 57.3 128 128 128s128-57.3 128-128s-57.3-128-128-128c-10.7 0-21 1.3-30.9 3.8L433.8 224H488c13.3 0 24-10.7 24-24v-48c0-13.3-10.7-24-24-24h-53.3c-6.9 0-13.7 2.2-19.2 6.4l-17.1 12.8l-24.6-53.3C369.9 85.4 361.4 80 352 80zm165.8 284.4l28.4 61.6c5.6 12 19.8 17.3 31.8 11.7s17.3-19.8 11.7-31.8l-28.5-61.6c2.2-.2 4.4-.3 6.7-.3c39.8 0 72 32.2 72 72s-32.2 72-72 72s-72-32.2-72-72c0-20.2 8.3-38.5 21.8-51.6zM144 488c-39.8 0-72-32.2-72-72s32.2-72 72-72c31.3 0 58 20 67.9 48H144c-13.3 0-24 10.7-24 24s10.7 24 24 24h67.9c-9.9 28-36.6 48-67.9 48"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M280 80c-13.3 0-24 10.7-24 24s10.7 24 24 24h56.6l22.5 48.7L264 248c-33.4-25.1-75-40-120-40H88c-13.3 0-24 10.7-24 24s10.7 24 24 24h56c78.5 0 143.2 59.6 151.2 136h-25.4c-11.2-59.2-63.3-104-125.8-104c-70.7 0-128 57.3-128 128s57.3 128 128 128c62.5 0 114.5-44.8 125.8-104H320c13.3 0 24-10.7 24-24v-22.5c0-45.1 25.7-85.4 65.5-107.7l12.1 26.1c-32.4 23.2-53.5 61.2-53.5 104.1c0 70.7 57.3 128 128 128s128-57.3 128-128s-57.3-128-128-128c-10.7 0-21 1.3-30.9 3.8L433.8 224H488c13.3 0 24-10.7 24-24v-48c0-13.3-10.7-24-24-24h-53.3c-6.9 0-13.7 2.2-19.2 6.4l-17.1 12.8l-24.6-53.3C369.9 85.4 361.4 80 352 80zm165.8 284.4l28.4 61.6c5.6 12 19.8 17.3 31.8 11.7s17.3-19.8 11.7-31.8l-28.5-61.6c2.2-.2 4.4-.3 6.7-.3c39.8 0 72 32.2 72 72s-32.2 72-72 72s-72-32.2-72-72c0-20.2 8.3-38.5 21.8-51.6zM144 488c-39.8 0-72-32.2-72-72s32.2-72 72-72c31.3 0 58 20 67.9 48H144c-13.3 0-24 10.7-24 24s10.7 24 24 24h67.9c-9.9 28-36.6 48-67.9 48"/></svg>
</template>

CSS

.icon-motorcycle {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M280%2080c-13.3%200-24%2010.7-24%2024s10.7%2024%2024%2024h56.6l22.5%2048.7L264%20248c-33.4-25.1-75-40-120-40H88c-13.3%200-24%2010.7-24%2024s10.7%2024%2024%2024h56c78.5%200%20143.2%2059.6%20151.2%20136h-25.4c-11.2-59.2-63.3-104-125.8-104c-70.7%200-128%2057.3-128%20128s57.3%20128%20128%20128c62.5%200%20114.5-44.8%20125.8-104H320c13.3%200%2024-10.7%2024-24v-22.5c0-45.1%2025.7-85.4%2065.5-107.7l12.1%2026.1c-32.4%2023.2-53.5%2061.2-53.5%20104.1c0%2070.7%2057.3%20128%20128%20128s128-57.3%20128-128s-57.3-128-128-128c-10.7%200-21%201.3-30.9%203.8L433.8%20224H488c13.3%200%2024-10.7%2024-24v-48c0-13.3-10.7-24-24-24h-53.3c-6.9%200-13.7%202.2-19.2%206.4l-17.1%2012.8l-24.6-53.3C369.9%2085.4%20361.4%2080%20352%2080zm165.8%20284.4l28.4%2061.6c5.6%2012%2019.8%2017.3%2031.8%2011.7s17.3-19.8%2011.7-31.8l-28.5-61.6c2.2-.2%204.4-.3%206.7-.3c39.8%200%2072%2032.2%2072%2072s-32.2%2072-72%2072s-72-32.2-72-72c0-20.2%208.3-38.5%2021.8-51.6zM144%20488c-39.8%200-72-32.2-72-72s32.2-72%2072-72c31.3%200%2058%2020%2067.9%2048H144c-13.3%200-24%2010.7-24%2024s10.7%2024%2024%2024h67.9c-9.9%2028-36.6%2048-67.9%2048%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M280%2080c-13.3%200-24%2010.7-24%2024s10.7%2024%2024%2024h56.6l22.5%2048.7L264%20248c-33.4-25.1-75-40-120-40H88c-13.3%200-24%2010.7-24%2024s10.7%2024%2024%2024h56c78.5%200%20143.2%2059.6%20151.2%20136h-25.4c-11.2-59.2-63.3-104-125.8-104c-70.7%200-128%2057.3-128%20128s57.3%20128%20128%20128c62.5%200%20114.5-44.8%20125.8-104H320c13.3%200%2024-10.7%2024-24v-22.5c0-45.1%2025.7-85.4%2065.5-107.7l12.1%2026.1c-32.4%2023.2-53.5%2061.2-53.5%20104.1c0%2070.7%2057.3%20128%20128%20128s128-57.3%20128-128s-57.3-128-128-128c-10.7%200-21%201.3-30.9%203.8L433.8%20224H488c13.3%200%2024-10.7%2024-24v-48c0-13.3-10.7-24-24-24h-53.3c-6.9%200-13.7%202.2-19.2%206.4l-17.1%2012.8l-24.6-53.3C369.9%2085.4%20361.4%2080%20352%2080zm165.8%20284.4l28.4%2061.6c5.6%2012%2019.8%2017.3%2031.8%2011.7s17.3-19.8%2011.7-31.8l-28.5-61.6c2.2-.2%204.4-.3%206.7-.3c39.8%200%2072%2032.2%2072%2072s-32.2%2072-72%2072s-72-32.2-72-72c0-20.2%208.3-38.5%2021.8-51.6zM144%20488c-39.8%200-72-32.2-72-72s32.2-72%2072-72c31.3%200%2058%2020%2067.9%2048H144c-13.3%200-24%2010.7-24%2024s10.7%2024%2024%2024h67.9c-9.9%2028-36.6%2048-67.9%2048%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/motorcycle.svg?color=%231a73e8&size=48