truck loading icon
truck-loading from Font Awesome Solid by Dave Gandy · Solid · Moving · CC-BY-4.0 Attribution required.
- Name
- truck-loading
- Set
- Font Awesome Solid
- Style
- Solid
- Category
- Moving
- Viewbox
- 640×640
- License
- CC BY 4.0
The same icon in other sets
More moving icons from Font Awesome Solid
Use the truck loading icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M432 96c-44.2 0-80 35.8-80 80v248.2L54.8 513.4c-16.9 5-26.5 22.9-21.4 39.8s22.9 26.5 39.8 21.5l315.5-94.6h43.7c-.2 2.6-.4 5.3-.4 8c0 48.6 39.4 88 88 88s88-39.4 88-88v-392H432zm128 392c0 22.1-17.9 40-40 40s-40-17.9-40-40s17.9-40 40-40s39.9 17.9 40 39.9zM83.9 213.5c-33.8 10.3-52.8 46.1-42.5 79.9l28.1 91.8c10.3 33.8 46.1 52.8 79.9 42.5l91.8-28.1c33.8-10.3 52.8-46.1 42.5-79.9l-28.1-91.8c-10.3-33.8-46.1-52.8-79.9-42.5z"/></svg>
React
import type { SVGProps } from "react";
export function Fa7SolidTruckLoading(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="M432 96c-44.2 0-80 35.8-80 80v248.2L54.8 513.4c-16.9 5-26.5 22.9-21.4 39.8s22.9 26.5 39.8 21.5l315.5-94.6h43.7c-.2 2.6-.4 5.3-.4 8c0 48.6 39.4 88 88 88s88-39.4 88-88v-392H432zm128 392c0 22.1-17.9 40-40 40s-40-17.9-40-40s17.9-40 40-40s39.9 17.9 40 39.9zM83.9 213.5c-33.8 10.3-52.8 46.1-42.5 79.9l28.1 91.8c10.3 33.8 46.1 52.8 79.9 42.5l91.8-28.1c33.8-10.3 52.8-46.1 42.5-79.9l-28.1-91.8c-10.3-33.8-46.1-52.8-79.9-42.5z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M432 96c-44.2 0-80 35.8-80 80v248.2L54.8 513.4c-16.9 5-26.5 22.9-21.4 39.8s22.9 26.5 39.8 21.5l315.5-94.6h43.7c-.2 2.6-.4 5.3-.4 8c0 48.6 39.4 88 88 88s88-39.4 88-88v-392H432zm128 392c0 22.1-17.9 40-40 40s-40-17.9-40-40s17.9-40 40-40s39.9 17.9 40 39.9zM83.9 213.5c-33.8 10.3-52.8 46.1-42.5 79.9l28.1 91.8c10.3 33.8 46.1 52.8 79.9 42.5l91.8-28.1c33.8-10.3 52.8-46.1 42.5-79.9l-28.1-91.8c-10.3-33.8-46.1-52.8-79.9-42.5z"/></svg> </template>
CSS
.icon-truck-loading {
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%22M432%2096c-44.2%200-80%2035.8-80%2080v248.2L54.8%20513.4c-16.9%205-26.5%2022.9-21.4%2039.8s22.9%2026.5%2039.8%2021.5l315.5-94.6h43.7c-.2%202.6-.4%205.3-.4%208c0%2048.6%2039.4%2088%2088%2088s88-39.4%2088-88v-392H432zm128%20392c0%2022.1-17.9%2040-40%2040s-40-17.9-40-40s17.9-40%2040-40s39.9%2017.9%2040%2039.9zM83.9%20213.5c-33.8%2010.3-52.8%2046.1-42.5%2079.9l28.1%2091.8c10.3%2033.8%2046.1%2052.8%2079.9%2042.5l91.8-28.1c33.8-10.3%2052.8-46.1%2042.5-79.9l-28.1-91.8c-10.3-33.8-46.1-52.8-79.9-42.5z%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%22M432%2096c-44.2%200-80%2035.8-80%2080v248.2L54.8%20513.4c-16.9%205-26.5%2022.9-21.4%2039.8s22.9%2026.5%2039.8%2021.5l315.5-94.6h43.7c-.2%202.6-.4%205.3-.4%208c0%2048.6%2039.4%2088%2088%2088s88-39.4%2088-88v-392H432zm128%20392c0%2022.1-17.9%2040-40%2040s-40-17.9-40-40s17.9-40%2040-40s39.9%2017.9%2040%2039.9zM83.9%20213.5c-33.8%2010.3-52.8%2046.1-42.5%2079.9l28.1%2091.8c10.3%2033.8%2046.1%2052.8%2079.9%2042.5l91.8-28.1c33.8-10.3%2052.8-46.1%2042.5-79.9l-28.1-91.8c-10.3-33.8-46.1-52.8-79.9-42.5z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa7-solid/truck-loading.svg?color=%231a73e8&size=48
