Fluent Icons

Vehicle Truck Bag icon

Used to represent general cargo scenarios. The Vehicle Truck Bag icon is part of Microsoft's Fluent UI System Icons, available here in regular and filled styles in 2 sizes from 20 to 24 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_truck_bag_24_regular.svg

Vehicle Truck Bag icon in React

npm install @fluentui/react-icons

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

export function Example() {
  return <VehicleTruckBag24Regular aria-label="Vehicle Truck Bag" />;
}

Vehicle Truck Bag icon in SVG

npm install @fluentui/svg-icons

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

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

Vehicle Truck Bag icon in Blazor

Microsoft's Fluent UI Blazor icons package:

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

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

Vehicle Truck Bag icon in Flutter

flutter pub add fluentui_system_icons

import 'package:fluentui_system_icons/fluentui_system_icons.dart';

Icon(FluentIcons.vehicle_truck_bag_24_regular)

Vehicle Truck Bag 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="&#xEDEB;" FontSize="24" />

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

Vehicle Truck Bag 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_truck_bag_24_regular"></i>

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

Vehicle Truck Bag 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_truck_bag_24_regular" />

// Kotlin
R.drawable.ic_fluent_vehicle_truck_bag_24_regular

Vehicle Truck Bag icon in iOS

# Podfile
pod "FluentIcons", "1.1.341"

import FluentIcons

UIImage(fluent: .vehicleTruckBag24Regular)

Vehicle Truck Bag 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 Truck Bag 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 { VehicleTruckBag24Regular, VehicleTruckBag24Filled } from "@fluentui/react-icons";

export function Example() {
  return <VehicleTruckBag24Regular aria-label="Vehicle Truck Bag" />;
}

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_truck_bag_24_regular.svg" width="24" height="24" alt="Vehicle Truck Bag">

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="M1.75 4.50003C1.33579 4.50003 1 4.83581 1 5.25003V11.25C1 12.4927 2.00736 13.5 3.25 13.5H8.25C9.49264 13.5 10.5 12.4927 10.5 11.25V5.25003C10.5 4.83581 10.1642 4.50003 9.75 4.50003H9.50011V3.5C9.50011 2.11929 8.38082 1 7.00011 1C6.54471 1 6.11776 1.12176 5.75002 1.33451C5.3823 1.12179 4.95538 1.00005 4.50002 1.00004C3.1193 1.00003 2 2.11932 2 3.50005V4.50003H1.75ZM7 4.50003V3.50004C7 3.15217 6.92895 2.82088 6.80056 2.51991C6.86504 2.50686 6.93177 2.5 7.00011 2.5C7.55239 2.5 8.00011 2.94772 8.00011 3.5V4.50003H7ZM5.5 3.50004V4.50003H3.5V3.50005C3.5 2.94776 3.94772 2.50004 4.50001 2.50004C5.05229 2.50005 5.5 2.94776 5.5 3.50004ZM2 17.25V14.2509C2.3848 14.4114 2.80705 14.5 3.25 14.5H3.5V17.25C3.5 17.6379 3.7945 17.957 4.17212 17.996C4.58509 16.8329 5.69527 16 7 16C8.30622 16 9.41746 16.8348 9.82929 18H12.1707C12.5825 16.8348 13.6938 16 15 16V5.25C15 4.83579 14.6642 4.5 14.25 4.5H11.3316C11.1587 4.13612 10.864 3.84137 10.5001 3.66848V3.5C10.5001 3.33024 10.488 3.1633 10.4647 3H14.25C15.4926 3 16.5 4.00736 16.5 5.25V6H18.0508C18.9203 6 19.7119 6.501 20.0842 7.28681L21.7834 10.8741C21.926 11.1752 22 11.5042 22 11.8373V17.25C22 18.4926 20.9926 19.5 19.75 19.5H17.9585C17.7205 20.9189 16.4865 22 15 22C13.5135 22 12.2795 20.9189 12.0415 19.5H9.95852C9.72048 20.9189 8.4865 22 7 22C5.51012 22 4.27391 20.9139 4.03987 19.4903C2.89576 19.3844 2 18.4218 2 17.25ZM17.8293 18H19.75C20.1642 18 20.5 17.6642 20.5 17.25V17.0001H19.25C18.8358 17.0001 18.5 16.6643 18.5 16.2501C18.5 15.8358 18.8358 15.5001 19.25 15.5001H20.5V12.5L16.5 12.5V16.4013C17.1136 16.7563 17.5897 17.3222 17.8293 18ZM16.5 7.5V11L20.1833 11L18.7286 7.92894C18.6045 7.667 18.3406 7.5 18.0508 7.5H16.5ZM7 20.5C7.82843 20.5 8.5 19.8284 8.5 19C8.5 18.1716 7.82843 17.5 7 17.5C6.17157 17.5 5.5 18.1716 5.5 19C5.5 19.8284 6.17157 20.5 7 20.5ZM16.5 19C16.5 18.1716 15.8284 17.5 15 17.5C14.1716 17.5 13.5 18.1716 13.5 19C13.5 19.8284 14.1716 20.5 15 20.5C15.8284 20.5 16.5 19.8284 16.5 19ZM3.5 3.50005C3.5 3.35801 3.52962 3.22287 3.58301 3.10051Z" fill="currentColor"/></svg>

Details

NameVehicle Truck Bag
StylesRegular (outlined), Filled
Sizes20 px, 24 px
Regular (outlined) fileic_fluent_vehicle_truck_bag_24_regular.svg
Filled fileic_fluent_vehicle_truck_bag_24_filled.svg
React (Regular)VehicleTruckBag20Regular, VehicleTruckBag24Regular
React (Filled)VehicleTruckBag20Filled, VehicleTruckBag24Filled
LicenseMIT (© Microsoft Corporation)

Keywords

travelridemapcommutetruckcargo

Related icons

Vehicle TruckVehicle Truck CubeVehicle Truck ProfileVehicle TrailerVehicle Trailer Arrow DownVehicle BusVehicle CabVehicle CarVehicle Car CollisionVehicle Car ProfileVehicle Car Profile LTR ClockVehicle Ship