taxi icon

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

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

The same icon in other sets

taxiBoxIcons v2taxiBoxIcons v2 SolidtaxiCarbontaxiEmoji One (Colored)taxiFont Awesome 6 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 Solid

air-freshenerambulancebusbus-altcarcar-altcar-batterycar-crashcar-sidecaravancharging-stationgas-pumpmotorcycleoil-canshuttle-vantachometer-alttrailertrucktruck-monstertruck-pickup

Use the taxi icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M256 64c-17.7 0-32 14.3-32 32v32h-8.9c-42 0-79.1 27.3-91.6 67.4l-23 73.5c-22 14.2-36.5 39-36.5 67.1v176c0 17.7 14.3 32 32 32h32c17.7 0 32-14.3 32-32v-32h320v32c0 17.7 14.3 32 32 32h32c17.7 0 32-14.3 32-32V336c0-28.1-14.5-52.9-36.4-67.1l-23-73.5c-12.5-40.1-49.7-67.4-91.7-67.4H416V96c0-17.7-14.3-32-32-32zm-40.9 128H425c14 0 26.4 9.1 30.5 22.5l13 41.5H171.6l13-41.5c4.2-13.4 16.5-22.5 30.5-22.5M160 336c17.7 0 32 14.3 32 32s-14.3 32-32 32s-32-14.3-32-32s14.3-32 32-32m288 32c0-17.7 14.3-32 32-32s32 14.3 32 32s-14.3 32-32 32s-32-14.3-32-32"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidTaxi(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="M256 64c-17.7 0-32 14.3-32 32v32h-8.9c-42 0-79.1 27.3-91.6 67.4l-23 73.5c-22 14.2-36.5 39-36.5 67.1v176c0 17.7 14.3 32 32 32h32c17.7 0 32-14.3 32-32v-32h320v32c0 17.7 14.3 32 32 32h32c17.7 0 32-14.3 32-32V336c0-28.1-14.5-52.9-36.4-67.1l-23-73.5c-12.5-40.1-49.7-67.4-91.7-67.4H416V96c0-17.7-14.3-32-32-32zm-40.9 128H425c14 0 26.4 9.1 30.5 22.5l13 41.5H171.6l13-41.5c4.2-13.4 16.5-22.5 30.5-22.5M160 336c17.7 0 32 14.3 32 32s-14.3 32-32 32s-32-14.3-32-32s14.3-32 32-32m288 32c0-17.7 14.3-32 32-32s32 14.3 32 32s-14.3 32-32 32s-32-14.3-32-32"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M256 64c-17.7 0-32 14.3-32 32v32h-8.9c-42 0-79.1 27.3-91.6 67.4l-23 73.5c-22 14.2-36.5 39-36.5 67.1v176c0 17.7 14.3 32 32 32h32c17.7 0 32-14.3 32-32v-32h320v32c0 17.7 14.3 32 32 32h32c17.7 0 32-14.3 32-32V336c0-28.1-14.5-52.9-36.4-67.1l-23-73.5c-12.5-40.1-49.7-67.4-91.7-67.4H416V96c0-17.7-14.3-32-32-32zm-40.9 128H425c14 0 26.4 9.1 30.5 22.5l13 41.5H171.6l13-41.5c4.2-13.4 16.5-22.5 30.5-22.5M160 336c17.7 0 32 14.3 32 32s-14.3 32-32 32s-32-14.3-32-32s14.3-32 32-32m288 32c0-17.7 14.3-32 32-32s32 14.3 32 32s-14.3 32-32 32s-32-14.3-32-32"/></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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M256%2064c-17.7%200-32%2014.3-32%2032v32h-8.9c-42%200-79.1%2027.3-91.6%2067.4l-23%2073.5c-22%2014.2-36.5%2039-36.5%2067.1v176c0%2017.7%2014.3%2032%2032%2032h32c17.7%200%2032-14.3%2032-32v-32h320v32c0%2017.7%2014.3%2032%2032%2032h32c17.7%200%2032-14.3%2032-32V336c0-28.1-14.5-52.9-36.4-67.1l-23-73.5c-12.5-40.1-49.7-67.4-91.7-67.4H416V96c0-17.7-14.3-32-32-32zm-40.9%20128H425c14%200%2026.4%209.1%2030.5%2022.5l13%2041.5H171.6l13-41.5c4.2-13.4%2016.5-22.5%2030.5-22.5M160%20336c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032s-32-14.3-32-32s14.3-32%2032-32m288%2032c0-17.7%2014.3-32%2032-32s32%2014.3%2032%2032s-14.3%2032-32%2032s-32-14.3-32-32%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%22M256%2064c-17.7%200-32%2014.3-32%2032v32h-8.9c-42%200-79.1%2027.3-91.6%2067.4l-23%2073.5c-22%2014.2-36.5%2039-36.5%2067.1v176c0%2017.7%2014.3%2032%2032%2032h32c17.7%200%2032-14.3%2032-32v-32h320v32c0%2017.7%2014.3%2032%2032%2032h32c17.7%200%2032-14.3%2032-32V336c0-28.1-14.5-52.9-36.4-67.1l-23-73.5c-12.5-40.1-49.7-67.4-91.7-67.4H416V96c0-17.7-14.3-32-32-32zm-40.9%20128H425c14%200%2026.4%209.1%2030.5%2022.5l13%2041.5H171.6l13-41.5c4.2-13.4%2016.5-22.5%2030.5-22.5M160%20336c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032s-32-14.3-32-32s14.3-32%2032-32m288%2032c0-17.7%2014.3-32%2032-32s32%2014.3%2032%2032s-14.3%2032-32%2032s-32-14.3-32-32%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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