taxi icon
taxi from IconPark by ByteDance · Color · Travel · Apache-2.0 Free for personal and commercial use.
- Name
- taxi
- Set
- IconPark
- Style
- Color
- Category
- Travel
- Viewbox
- 48×48
- License
- Apache 2.0
The same icon in other sets
taxiBoxIcons v2taxiBoxIcons v2 SolidtaxiCarbontaxiEmoji One (Colored)taxiFont Awesome 6 SolidtaxiFont Awesome SolidtaxiFluent EmojitaxiFluent Emoji FlattaxiFluent Emoji High ContrasttaxiFirefox OS EmojitaxiHuge IconstaxiIconPark OutlinetaxiIconPark SolidtaxiIconPark TwoTonetaxiLine AwesometaxiMaterial Design IconstaxiNoto EmojitaxiOpenMojitaxiPhosphortaxi-fillRemix IcontaxiStreamline EmojistaxiTwitter EmojitaxiUnicons
More travel icons from IconPark
Use the taxi icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><path fill="#2F88FF" stroke="#000" stroke-linejoin="round" stroke-width="4" d="M4 35V27.7097C4 25.4363 5.28486 23.3581 7.3186 22.3422L8.00053 22.0015L10.3105 14.0919C10.7326 12.2812 12.3467 11 14.206 11H33.8943C35.7675 11 37.3899 12.3 37.7981 14.1282L40.0031 22.0015L40.6834 22.3416C42.716 23.358 44 25.4355 44 27.7081V35C44 36.6569 42.6569 38 41 38H39.0031V39C39.0031 41.2091 37.2123 43 35.0031 43C32.7909 43 31 41.2091 31 39V38H17V39.0003C17 41.2093 15.2093 43 13.0003 43C10.7913 43 9.00053 41.2093 9.00053 39.0003V38H7C5.34315 38 4 36.6569 4 35Z"/><path fill="#fff" d="M13.5 33C14.8807 33 16 31.8807 16 30.5C16 29.1193 14.8807 28 13.5 28C12.1193 28 11 29.1193 11 30.5C11 31.8807 12.1193 33 13.5 33Z"/><path fill="#fff" d="M34.5 33C35.8807 33 37 31.8807 37 30.5C37 29.1193 35.8807 28 34.5 28C33.1193 28 32 29.1193 32 30.5C32 31.8807 33.1193 33 34.5 33Z"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M18 11H30L29.0088 6.04409C28.8868 5.43404 28.3998 5 27.8374 5H20.1626C19.6002 5 19.1132 5.43404 18.9912 6.04409L18 11Z" clip-rule="evenodd"/><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M15 23H33"/></g></svg>
React
import type { SVGProps } from "react";
export function IconParkTaxi(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><path fill="#2F88FF" stroke="#000" strokeLinejoin="round" strokeWidth="4" d="M4 35V27.7097C4 25.4363 5.28486 23.3581 7.3186 22.3422L8.00053 22.0015L10.3105 14.0919C10.7326 12.2812 12.3467 11 14.206 11H33.8943C35.7675 11 37.3899 12.3 37.7981 14.1282L40.0031 22.0015L40.6834 22.3416C42.716 23.358 44 25.4355 44 27.7081V35C44 36.6569 42.6569 38 41 38H39.0031V39C39.0031 41.2091 37.2123 43 35.0031 43C32.7909 43 31 41.2091 31 39V38H17V39.0003C17 41.2093 15.2093 43 13.0003 43C10.7913 43 9.00053 41.2093 9.00053 39.0003V38H7C5.34315 38 4 36.6569 4 35Z"/><path fill="#fff" d="M13.5 33C14.8807 33 16 31.8807 16 30.5C16 29.1193 14.8807 28 13.5 28C12.1193 28 11 29.1193 11 30.5C11 31.8807 12.1193 33 13.5 33Z"/><path fill="#fff" d="M34.5 33C35.8807 33 37 31.8807 37 30.5C37 29.1193 35.8807 28 34.5 28C33.1193 28 32 29.1193 32 30.5C32 31.8807 33.1193 33 34.5 33Z"/><path stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="4" d="M18 11H30L29.0088 6.04409C28.8868 5.43404 28.3998 5 27.8374 5H20.1626C19.6002 5 19.1132 5.43404 18.9912 6.04409L18 11Z" clipRule="evenodd"/><path stroke="#fff" strokeLinecap="round" strokeLinejoin="round" strokeWidth="4" d="M15 23H33"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><g fill="none"><path fill="#2F88FF" stroke="#000" stroke-linejoin="round" stroke-width="4" d="M4 35V27.7097C4 25.4363 5.28486 23.3581 7.3186 22.3422L8.00053 22.0015L10.3105 14.0919C10.7326 12.2812 12.3467 11 14.206 11H33.8943C35.7675 11 37.3899 12.3 37.7981 14.1282L40.0031 22.0015L40.6834 22.3416C42.716 23.358 44 25.4355 44 27.7081V35C44 36.6569 42.6569 38 41 38H39.0031V39C39.0031 41.2091 37.2123 43 35.0031 43C32.7909 43 31 41.2091 31 39V38H17V39.0003C17 41.2093 15.2093 43 13.0003 43C10.7913 43 9.00053 41.2093 9.00053 39.0003V38H7C5.34315 38 4 36.6569 4 35Z"/><path fill="#fff" d="M13.5 33C14.8807 33 16 31.8807 16 30.5C16 29.1193 14.8807 28 13.5 28C12.1193 28 11 29.1193 11 30.5C11 31.8807 12.1193 33 13.5 33Z"/><path fill="#fff" d="M34.5 33C35.8807 33 37 31.8807 37 30.5C37 29.1193 35.8807 28 34.5 28C33.1193 28 32 29.1193 32 30.5C32 31.8807 33.1193 33 34.5 33Z"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M18 11H30L29.0088 6.04409C28.8868 5.43404 28.3998 5 27.8374 5H20.1626C19.6002 5 19.1132 5.43404 18.9912 6.04409L18 11Z" clip-rule="evenodd"/><path stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-width="4" d="M15 23H33"/></g></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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%232F88FF%22%20stroke%3D%22%23000%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%20d%3D%22M4%2035V27.7097C4%2025.4363%205.28486%2023.3581%207.3186%2022.3422L8.00053%2022.0015L10.3105%2014.0919C10.7326%2012.2812%2012.3467%2011%2014.206%2011H33.8943C35.7675%2011%2037.3899%2012.3%2037.7981%2014.1282L40.0031%2022.0015L40.6834%2022.3416C42.716%2023.358%2044%2025.4355%2044%2027.7081V35C44%2036.6569%2042.6569%2038%2041%2038H39.0031V39C39.0031%2041.2091%2037.2123%2043%2035.0031%2043C32.7909%2043%2031%2041.2091%2031%2039V38H17V39.0003C17%2041.2093%2015.2093%2043%2013.0003%2043C10.7913%2043%209.00053%2041.2093%209.00053%2039.0003V38H7C5.34315%2038%204%2036.6569%204%2035Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M13.5%2033C14.8807%2033%2016%2031.8807%2016%2030.5C16%2029.1193%2014.8807%2028%2013.5%2028C12.1193%2028%2011%2029.1193%2011%2030.5C11%2031.8807%2012.1193%2033%2013.5%2033Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M34.5%2033C35.8807%2033%2037%2031.8807%2037%2030.5C37%2029.1193%2035.8807%2028%2034.5%2028C33.1193%2028%2032%2029.1193%2032%2030.5C32%2031.8807%2033.1193%2033%2034.5%2033Z%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%20d%3D%22M18%2011H30L29.0088%206.04409C28.8868%205.43404%2028.3998%205%2027.8374%205H20.1626C19.6002%205%2019.1132%205.43404%2018.9912%206.04409L18%2011Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%20d%3D%22M15%2023H33%22%2F%3E%3C%2Fg%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%2048%2048%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%232F88FF%22%20stroke%3D%22%23000%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%20d%3D%22M4%2035V27.7097C4%2025.4363%205.28486%2023.3581%207.3186%2022.3422L8.00053%2022.0015L10.3105%2014.0919C10.7326%2012.2812%2012.3467%2011%2014.206%2011H33.8943C35.7675%2011%2037.3899%2012.3%2037.7981%2014.1282L40.0031%2022.0015L40.6834%2022.3416C42.716%2023.358%2044%2025.4355%2044%2027.7081V35C44%2036.6569%2042.6569%2038%2041%2038H39.0031V39C39.0031%2041.2091%2037.2123%2043%2035.0031%2043C32.7909%2043%2031%2041.2091%2031%2039V38H17V39.0003C17%2041.2093%2015.2093%2043%2013.0003%2043C10.7913%2043%209.00053%2041.2093%209.00053%2039.0003V38H7C5.34315%2038%204%2036.6569%204%2035Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M13.5%2033C14.8807%2033%2016%2031.8807%2016%2030.5C16%2029.1193%2014.8807%2028%2013.5%2028C12.1193%2028%2011%2029.1193%2011%2030.5C11%2031.8807%2012.1193%2033%2013.5%2033Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M34.5%2033C35.8807%2033%2037%2031.8807%2037%2030.5C37%2029.1193%2035.8807%2028%2034.5%2028C33.1193%2028%2032%2029.1193%2032%2030.5C32%2031.8807%2033.1193%2033%2034.5%2033Z%22%2F%3E%3Cpath%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%20d%3D%22M18%2011H30L29.0088%206.04409C28.8868%205.43404%2028.3998%205%2027.8374%205H20.1626C19.6002%205%2019.1132%205.43404%2018.9912%206.04409L18%2011Z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%224%22%20d%3D%22M15%2023H33%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/icon-park/taxi.svg?color=%231a73e8&size=48
