taxi icon

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

Name
taxi
Set
Font Awesome 6 Solid
Style
Regular
Category
Automotive
Viewbox
512×512
License
CC BY 4.0

The same icon in other sets

taxiBoxIcons v2taxiBoxIcons v2 SolidtaxiCarbontaxiEmoji One (Colored)taxiFont Awesome SolidtaxiFluent EmojitaxiFluent Emoji FlattaxiFluent Emoji High ContrasttaxiFirefox OS EmojitaxiHuge IconstaxiIconParktaxiIconPark OutlinetaxiIconPark SolidtaxiIconPark TwoTonetaxiLine AwesometaxiMaterial Design IconstaxiNoto EmojitaxiOpenMojitaxiPhosphortaxi-fillRemix IcontaxiStreamline EmojistaxiTwitter EmojitaxiUnicons

More automotive icons from Font Awesome 6 Solid

buscarcar-batterycar-sidecaravancharging-stationgas-pumpmotorcycleoil-cantrailertrucktruck-monstertruck-pickup

Use the taxi icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M192 0c-17.7 0-32 14.3-32 32v32.2c-38.6 2.2-72.3 27.3-85.2 64.1L39.6 228.8C16.4 238.4 0 261.3 0 288v192c0 17.7 14.3 32 32 32h32c17.7 0 32-14.3 32-32v-48h320v48c0 17.7 14.3 32 32 32h32c17.7 0 32-14.3 32-32V288c0-26.7-16.4-49.6-39.6-59.2l-35.2-100.5c-12.9-36.8-46.6-62-85.2-64.1V32c0-17.7-14.3-32-32-32zm-26.6 128h181.2c13.6 0 25.7 8.6 30.2 21.4l26.1 74.6H109.1l26.1-74.6c4.5-12.8 16.6-21.4 30.2-21.4M96 288a32 32 0 1 1 0 64a32 32 0 1 1 0-64m288 32a32 32 0 1 1 64 0a32 32 0 1 1-64 0"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidTaxi(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M192 0c-17.7 0-32 14.3-32 32v32.2c-38.6 2.2-72.3 27.3-85.2 64.1L39.6 228.8C16.4 238.4 0 261.3 0 288v192c0 17.7 14.3 32 32 32h32c17.7 0 32-14.3 32-32v-48h320v48c0 17.7 14.3 32 32 32h32c17.7 0 32-14.3 32-32V288c0-26.7-16.4-49.6-39.6-59.2l-35.2-100.5c-12.9-36.8-46.6-62-85.2-64.1V32c0-17.7-14.3-32-32-32zm-26.6 128h181.2c13.6 0 25.7 8.6 30.2 21.4l26.1 74.6H109.1l26.1-74.6c4.5-12.8 16.6-21.4 30.2-21.4M96 288a32 32 0 1 1 0 64a32 32 0 1 1 0-64m288 32a32 32 0 1 1 64 0a32 32 0 1 1-64 0"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M192 0c-17.7 0-32 14.3-32 32v32.2c-38.6 2.2-72.3 27.3-85.2 64.1L39.6 228.8C16.4 238.4 0 261.3 0 288v192c0 17.7 14.3 32 32 32h32c17.7 0 32-14.3 32-32v-48h320v48c0 17.7 14.3 32 32 32h32c17.7 0 32-14.3 32-32V288c0-26.7-16.4-49.6-39.6-59.2l-35.2-100.5c-12.9-36.8-46.6-62-85.2-64.1V32c0-17.7-14.3-32-32-32zm-26.6 128h181.2c13.6 0 25.7 8.6 30.2 21.4l26.1 74.6H109.1l26.1-74.6c4.5-12.8 16.6-21.4 30.2-21.4M96 288a32 32 0 1 1 0 64a32 32 0 1 1 0-64m288 32a32 32 0 1 1 64 0a32 32 0 1 1-64 0"/></svg>
</template>

CSS

.icon-taxi {
  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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M192%200c-17.7%200-32%2014.3-32%2032v32.2c-38.6%202.2-72.3%2027.3-85.2%2064.1L39.6%20228.8C16.4%20238.4%200%20261.3%200%20288v192c0%2017.7%2014.3%2032%2032%2032h32c17.7%200%2032-14.3%2032-32v-48h320v48c0%2017.7%2014.3%2032%2032%2032h32c17.7%200%2032-14.3%2032-32V288c0-26.7-16.4-49.6-39.6-59.2l-35.2-100.5c-12.9-36.8-46.6-62-85.2-64.1V32c0-17.7-14.3-32-32-32zm-26.6%20128h181.2c13.6%200%2025.7%208.6%2030.2%2021.4l26.1%2074.6H109.1l26.1-74.6c4.5-12.8%2016.6-21.4%2030.2-21.4M96%20288a32%2032%200%201%201%200%2064a32%2032%200%201%201%200-64m288%2032a32%2032%200%201%201%2064%200a32%2032%200%201%201-64%200%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M192%200c-17.7%200-32%2014.3-32%2032v32.2c-38.6%202.2-72.3%2027.3-85.2%2064.1L39.6%20228.8C16.4%20238.4%200%20261.3%200%20288v192c0%2017.7%2014.3%2032%2032%2032h32c17.7%200%2032-14.3%2032-32v-48h320v48c0%2017.7%2014.3%2032%2032%2032h32c17.7%200%2032-14.3%2032-32V288c0-26.7-16.4-49.6-39.6-59.2l-35.2-100.5c-12.9-36.8-46.6-62-85.2-64.1V32c0-17.7-14.3-32-32-32zm-26.6%20128h181.2c13.6%200%2025.7%208.6%2030.2%2021.4l26.1%2074.6H109.1l26.1-74.6c4.5-12.8%2016.6-21.4%2030.2-21.4M96%20288a32%2032%200%201%201%200%2064a32%2032%200%201%201%200-64m288%2032a32%2032%200%201%201%2064%200a32%2032%200%201%201-64%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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