Document Table Truck icon
Used to represent table file types and actions. The Document Table Truck icon is part of Microsoft's Fluent UI System Icons, available here in filled and regular (outlined) styles on a 24 px grid. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.
Use the Document Table Truck 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 { DocumentTableTruck24Regular, DocumentTableTruck24Filled } from "@fluentui/react-icons";
export function Example() {
return <DocumentTableTruck24Regular aria-label="Document Table Truck" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_document_table_truck_24_regular.svg" width="24" height="24" alt="Document Table Truck"> 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="M18 20.5H12.987C12.9251 21.0917 12.6459 21.6188 12.2307 22H18C19.104 22 20 21.104 20 20V9.828C20 9.298 19.789 8.789 19.414 8.414L13.585 2.586C13.2194 2.22035 12.6865 2 12.172 2H6C4.896 2 4 2.896 4 4V11H5.5V4C5.5 3.725 5.724 3.5 6 3.5H12V8C12 9.104 12.896 10 14 10H18.5V20C18.5 20.275 18.276 20.5 18 20.5ZM17.378 8.5H14C13.724 8.5 13.5 8.275 13.5 8V4.621L17.378 8.5ZM13 17.5V19H15.25C16.2165 19 17 18.2165 17 17.25V13.25C17 12.2835 16.2165 11.5 15.25 11.5H9.18062C9.64557 11.8397 9.99369 12.3297 10.1534 12.8986C10.69 13.0271 11.1674 13.3396 11.5 13.783V13H15.25C15.3881 13 15.5 13.1119 15.5 13.25V14.5H11.9013L12.6513 16H15.5V17.25C15.5 17.3881 15.3881 17.5 15.25 17.5H13ZM2.60417 12C1.71821 12 1 12.7182 1 13.6042V20.0208C1 20.6714 1.38729 21.2316 1.9439 21.4833C2.09389 22.3449 2.84544 23 3.75 23C4.60426 23 5.32206 22.4157 5.52558 21.625H6.55776C6.76128 22.4157 7.47907 23 8.33333 23C9.18759 23 9.90539 22.4157 10.1089 21.625H10.625C11.3844 21.625 12 21.0094 12 20.25V17.2581C12 17.0446 11.9503 16.8341 11.8548 16.6431L10.83 14.5934C10.5971 14.1276 10.1209 13.8333 9.60014 13.8333H9.25015V13.6042C9.25015 12.7182 8.53194 12 7.64598 12H2.60417ZM9.25015 16.5833V14.75H9.60014C9.77374 14.75 9.93244 14.8481 10.0101 15.0034L10.8001 16.5833H9.25015ZM2.83333 21.1667C2.83333 20.6604 3.24374 20.25 3.75 20.25C4.25626 20.25 4.66667 20.6604 4.66667 21.1667C4.66667 21.6729 4.25626 22.0833 3.75 22.0833C3.24374 22.0833 2.83333 21.6729 2.83333 21.1667ZM8.33333 22.0833C7.82707 22.0833 7.41667 21.6729 7.41667 21.1667C7.41667 20.6604 7.82707 20.25 8.33333 20.25C8.83959 20.25 9.25 20.6604 9.25 21.1667C9.25 21.6729 8.83959 22.0833 8.33333 22.0833Z" 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/document_table_truck_24_regular.svg";Details
| Name | Document Table Truck |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_document_table_truck_24_regular.svg |
| Filled file | ic_fluent_document_table_truck_24_filled.svg |
| React components | DocumentTableTruck24Regular, DocumentTableTruck24Filled |
| License | MIT (© Microsoft Corporation) |