Vehicle Cable Car icon

Use the Vehicle Cable Car icon in React

Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.

npm install @fluentui/react-icons

import { VehicleCableCar24Regular, VehicleCableCar24Filled } from "@fluentui/react-icons";

export function Example() {
  return <VehicleCableCar24Regular aria-label="Vehicle Cable Car" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_vehicle_cable_car_24_regular.svg" width="24" height="24" alt="Vehicle Cable Car">

Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:

<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.1497 3.00684C21.5601 2.95137 21.9379 3.23917 21.9933 3.64965C22.0488 4.06013 21.761 4.43786 21.3505 4.49333L14.5001 5.41907V7.25009C14.5001 7.89441 14.3126 8.49494 13.9892 9.00009H16.7501C18.545 9.00009 20.0001 10.4552 20.0001 12.2501V18.7501C20.0001 19.9927 18.9927 21.0001 17.7501 21.0001H6.25009C5.00745 21.0001 4.00009 19.9927 4.00009 18.7501V12.2501C4.00009 10.4552 5.45516 9.00009 7.25009 9.00009H11.2514C12.2173 8.99938 13.0001 8.21615 13.0001 7.25009V5.62177L2.85053 6.99333C2.44004 7.0488 2.06232 6.76101 2.00684 6.35053C1.95137 5.94004 2.23917 5.56231 2.64965 5.50684L13.0001 4.10814V3.75009C13.0001 3.33587 13.3359 3.00009 13.7501 3.00009C14.1643 3.00009 14.5001 3.33587 14.5001 3.75009V3.90543L21.1497 3.00684ZM7.25009 10.5001C6.28359 10.5001 5.50009 11.2836 5.50009 12.2501V15.5001H18.5001V12.2501C18.5001 11.2836 17.7166 10.5001 16.7501 10.5001H7.25009ZM18.5001 17.0001H5.50009V18.7501C5.50009 19.1643 5.83587 19.5001 6.25009 19.5001H17.7501C18.1643 19.5001 18.5001 19.1643 18.5001 18.7501V17.0001Z" fill="currentColor"/></svg>

Use it from the SVG package

Microsoft's @fluentui/svg-icons package contains the raw SVG files, which works well with bundlers that import SVGs:

npm install @fluentui/svg-icons

import icon from "@fluentui/svg-icons/icons/vehicle_cable_car_24_regular.svg";

Details

Keywords

vehicleskiliftcablewaymountaintravelvacation