Fluent Icons

Vehicle Cable Car icon

Used to represent cable car running on a cableway. The Vehicle Cable Car icon is part of Microsoft's Fluent UI System Icons, available here in regular and filled styles in 3 sizes from 20 to 28 px. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.

Regular (outlined)

SVG

Filled

SVG
Xceed Toolkit Plus for WPF logoXceed Toolkit Plus for WPFSponsorUpgrade Your WPF UI with Xceed Toolkit Plus

Every size and style

Microsoft draws each size separately so icons stay crisp, rather than scaling one drawing. Pick a style and size to preview it, download it, or copy the code for your platform.

Regular, 24 px

ic_fluent_vehicle_cable_car_24_regular.svg

Vehicle Cable Car icon in React

npm install @fluentui/react-icons

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

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

Vehicle Cable Car icon in SVG

npm install @fluentui/svg-icons

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

<!-- or load it from a CDN -->
<img src="https://cdn.jsdelivr.net/npm/@fluentui/svg-icons@1.1.341/icons/vehicle_cable_car_24_regular.svg" width="24" height="24" alt="Vehicle Cable Car">

Vehicle Cable Car icon in Blazor

Microsoft's Fluent UI Blazor icons package:

dotnet add package Microsoft.FluentUI.AspNetCore.Components.Icons

<FluentIcon Value="@(new Icons.Regular.Size24.VehicleCableCar())" />

Vehicle Cable Car icon in Flutter

flutter pub add fluentui_system_icons

import 'package:fluentui_system_icons/fluentui_system_icons.dart';

Icon(FluentIcons.vehicle_cable_car_24_regular)

Vehicle Cable Car icon in WinUI / WPF

Add FluentSystemIcons-Regular.ttf from Microsoft's repository to your app, then use the glyph:

<!-- WinUI 3 (font in Assets/Fonts) -->
<FontIcon FontFamily="ms-appx:///Assets/Fonts/FluentSystemIcons-Regular.ttf#FluentSystemIcons-Regular" Glyph="&#xF010C;" FontSize="24" />

<!-- WPF (font in Fonts/, Build Action: Resource) -->
<TextBlock FontFamily="pack://application:,,,/Fonts/#FluentSystemIcons-Regular" Text="&#xF010C;" FontSize="24" />

Vehicle Cable Car icon in Icon font

<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/microsoft/fluentui-system-icons@9cf8af0f95a555918a60b8147a2f33a6a1248442/fonts/FluentSystemIcons-Regular.css">

<i class="icon-ic_fluent_vehicle_cable_car_24_regular"></i>

/* or use the code point in your own CSS */
.icon::before {
  font-family: "FluentSystemIcons-Regular";
  content: "\f010c";
  font-size: 24px;
}

Vehicle Cable Car icon in Android

// build.gradle
implementation("com.microsoft.design:fluent-system-icons:1.1.341@aar")

<!-- layout XML -->
<ImageView android:src="@drawable/ic_fluent_vehicle_cable_car_24_regular" />

// Kotlin
R.drawable.ic_fluent_vehicle_cable_car_24_regular

Vehicle Cable Car icon in iOS

# Podfile
pod "FluentIcons", "1.1.341"

import FluentIcons

UIImage(fluent: .vehicleCableCar24Regular)

Vehicle Cable Car icon in Power Apps

Paste into an Image control's Image property. The Copy button copies the full formula with this icon's SVG.

"data:image/svg+xml;utf8, " & EncodeUrl("<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'>…</svg>")

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" />;
}

Coding agents can look up this component through the Fluent Icons MCP server.

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>

Details

NameVehicle Cable Car
StylesRegular (outlined), Filled
Sizes20 px, 24 px, 28 px
Regular (outlined) fileic_fluent_vehicle_cable_car_24_regular.svg
Filled fileic_fluent_vehicle_cable_car_24_filled.svg
React (Regular)VehicleCableCar20Regular, VehicleCableCar24Regular, VehicleCableCar28Regular
React (Filled)VehicleCableCar20Filled, VehicleCableCar24Filled, VehicleCableCar28Filled
LicenseMIT (© Microsoft Corporation)

Keywords

vehicletravel

Related icons

Vehicle CarVehicle Car CollisionVehicle Car ProfileVehicle Car Profile LTR ClockVehicle Car ParkingVehicle BusVehicle CabVehicle Car Profile LTRVehicle Car Profile RTLVehicle ShipVehicle SubwayVehicle Subway Clock