luggage cart icon

luggage-cart from Font Awesome Solid by Dave Gandy · Solid · Hotel · CC-BY-4.0 Attribution required.

Name
luggage-cart
Set
Font Awesome Solid
Style
Solid
Category
Hotel
Viewbox
640×640
License
CC BY 4.0

The same icon in other sets

luggage-cartLine Awesomeluggage-cart-fillRemix Iconluggage-cartUnicons

More hotel icons from Font Awesome Solid

bedconcierge-belldoor-closeddoor-opendumbbellhot-tubinfinitykeyshowersmokingsmoking-bansnowflakesuitcasesuitcase-rollingswimming-poolumbrella-beachutensils

Use the luggage cart icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M32 96c0-17.7 14.3-32 32-32h16c44.2 0 80 35.8 80 80v288c0 8.8 7.2 16 16 16h400c17.7 0 32 14.3 32 32s-14.3 32-32 32h-34.7c1.8 5 2.7 10.4 2.7 16c0 26.5-21.5 48-48 48s-48-21.5-48-48c0-5.6 1-11 2.7-16H253.2c1.8 5 2.7 10.4 2.7 16c0 26.5-21.5 48-48 48s-48-21.5-48-48c0-6 1.1-11.7 3.1-17c-38.1-6.2-67.1-39.2-67.1-79l.1-288c0-8.8-7.2-16-16-16H64c-17.7 0-32-14.3-32-32m176 112c0-26.5 21.5-48 48-48h32v-24c0-30.9 25.1-56 56-56h64c30.9 0 56 25.1 56 56v24h32c26.5 0 48 21.5 48 48v144c0 26.5-21.5 48-48 48H256c-26.5 0-48-21.5-48-48zm208-48v-24c0-4.4-3.6-8-8-8h-64c-4.4 0-8 3.6-8 8v24z"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidLuggageCart(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="M32 96c0-17.7 14.3-32 32-32h16c44.2 0 80 35.8 80 80v288c0 8.8 7.2 16 16 16h400c17.7 0 32 14.3 32 32s-14.3 32-32 32h-34.7c1.8 5 2.7 10.4 2.7 16c0 26.5-21.5 48-48 48s-48-21.5-48-48c0-5.6 1-11 2.7-16H253.2c1.8 5 2.7 10.4 2.7 16c0 26.5-21.5 48-48 48s-48-21.5-48-48c0-6 1.1-11.7 3.1-17c-38.1-6.2-67.1-39.2-67.1-79l.1-288c0-8.8-7.2-16-16-16H64c-17.7 0-32-14.3-32-32m176 112c0-26.5 21.5-48 48-48h32v-24c0-30.9 25.1-56 56-56h64c30.9 0 56 25.1 56 56v24h32c26.5 0 48 21.5 48 48v144c0 26.5-21.5 48-48 48H256c-26.5 0-48-21.5-48-48zm208-48v-24c0-4.4-3.6-8-8-8h-64c-4.4 0-8 3.6-8 8v24z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M32 96c0-17.7 14.3-32 32-32h16c44.2 0 80 35.8 80 80v288c0 8.8 7.2 16 16 16h400c17.7 0 32 14.3 32 32s-14.3 32-32 32h-34.7c1.8 5 2.7 10.4 2.7 16c0 26.5-21.5 48-48 48s-48-21.5-48-48c0-5.6 1-11 2.7-16H253.2c1.8 5 2.7 10.4 2.7 16c0 26.5-21.5 48-48 48s-48-21.5-48-48c0-6 1.1-11.7 3.1-17c-38.1-6.2-67.1-39.2-67.1-79l.1-288c0-8.8-7.2-16-16-16H64c-17.7 0-32-14.3-32-32m176 112c0-26.5 21.5-48 48-48h32v-24c0-30.9 25.1-56 56-56h64c30.9 0 56 25.1 56 56v24h32c26.5 0 48 21.5 48 48v144c0 26.5-21.5 48-48 48H256c-26.5 0-48-21.5-48-48zm208-48v-24c0-4.4-3.6-8-8-8h-64c-4.4 0-8 3.6-8 8v24z"/></svg>
</template>

CSS

.icon-luggage-cart {
  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%22M32%2096c0-17.7%2014.3-32%2032-32h16c44.2%200%2080%2035.8%2080%2080v288c0%208.8%207.2%2016%2016%2016h400c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032h-34.7c1.8%205%202.7%2010.4%202.7%2016c0%2026.5-21.5%2048-48%2048s-48-21.5-48-48c0-5.6%201-11%202.7-16H253.2c1.8%205%202.7%2010.4%202.7%2016c0%2026.5-21.5%2048-48%2048s-48-21.5-48-48c0-6%201.1-11.7%203.1-17c-38.1-6.2-67.1-39.2-67.1-79l.1-288c0-8.8-7.2-16-16-16H64c-17.7%200-32-14.3-32-32m176%20112c0-26.5%2021.5-48%2048-48h32v-24c0-30.9%2025.1-56%2056-56h64c30.9%200%2056%2025.1%2056%2056v24h32c26.5%200%2048%2021.5%2048%2048v144c0%2026.5-21.5%2048-48%2048H256c-26.5%200-48-21.5-48-48zm208-48v-24c0-4.4-3.6-8-8-8h-64c-4.4%200-8%203.6-8%208v24z%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%22M32%2096c0-17.7%2014.3-32%2032-32h16c44.2%200%2080%2035.8%2080%2080v288c0%208.8%207.2%2016%2016%2016h400c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032h-34.7c1.8%205%202.7%2010.4%202.7%2016c0%2026.5-21.5%2048-48%2048s-48-21.5-48-48c0-5.6%201-11%202.7-16H253.2c1.8%205%202.7%2010.4%202.7%2016c0%2026.5-21.5%2048-48%2048s-48-21.5-48-48c0-6%201.1-11.7%203.1-17c-38.1-6.2-67.1-39.2-67.1-79l.1-288c0-8.8-7.2-16-16-16H64c-17.7%200-32-14.3-32-32m176%20112c0-26.5%2021.5-48%2048-48h32v-24c0-30.9%2025.1-56%2056-56h64c30.9%200%2056%2025.1%2056%2056v24h32c26.5%200%2048%2021.5%2048%2048v144c0%2026.5-21.5%2048-48%2048H256c-26.5%200-48-21.5-48-48zm208-48v-24c0-4.4-3.6-8-8-8h-64c-4.4%200-8%203.6-8%208v24z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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