truck moving icon

truck-moving from Font Awesome 6 Solid by Dave Gandy · Regular · Moving · CC-BY-4.0 Attribution required.

Name
truck-moving
Set
Font Awesome 6 Solid
Style
Regular
Category
Moving
Viewbox
640×512
License
CC BY 4.0

The same icon in other sets

truck-movingFont Awesome Solidtruck-movingLine Awesome

More moving icons from Font Awesome 6 Solid

box-opentapetruck-monstertruck-pickuptruck-arrow-righttruck-droplettruck-fasttruck-fieldtruck-field-untruck-fronttruck-medicaltruck-planetruck-ramp-box

Use the truck moving icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M64 32C28.7 32 0 60.7 0 96v304c0 44.2 35.8 80 80 80c26.2 0 49.4-12.6 64-32c14.6 19.4 37.8 32 64 32c44.2 0 80-35.8 80-80c0-5.5-.6-10.8-1.6-16h163.2c-1 5.2-1.6 10.5-1.6 16c0 44.2 35.8 80 80 80s80-35.8 80-80c0-5.5-.6-10.8-1.6-16h1.6c17.7 0 32-14.3 32-32v-90.3c0-9.2-3.2-18.2-9-25.3l-58.8-71.8c-10.6-13-26.5-20.5-43.3-20.5L480 144V96c0-35.3-28.7-64-64-64zm521 224H480v-64h48.8c2.4 0 4.7 1.1 6.2 2.9zm-57 112a32 32 0 1 1 0 64a32 32 0 1 1 0-64m-352 32a32 32 0 1 1 64 0a32 32 0 1 1-64 0m-96-32a32 32 0 1 1 0 64a32 32 0 1 1 0-64"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidTruckMoving(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M64 32C28.7 32 0 60.7 0 96v304c0 44.2 35.8 80 80 80c26.2 0 49.4-12.6 64-32c14.6 19.4 37.8 32 64 32c44.2 0 80-35.8 80-80c0-5.5-.6-10.8-1.6-16h163.2c-1 5.2-1.6 10.5-1.6 16c0 44.2 35.8 80 80 80s80-35.8 80-80c0-5.5-.6-10.8-1.6-16h1.6c17.7 0 32-14.3 32-32v-90.3c0-9.2-3.2-18.2-9-25.3l-58.8-71.8c-10.6-13-26.5-20.5-43.3-20.5L480 144V96c0-35.3-28.7-64-64-64zm521 224H480v-64h48.8c2.4 0 4.7 1.1 6.2 2.9zm-57 112a32 32 0 1 1 0 64a32 32 0 1 1 0-64m-352 32a32 32 0 1 1 64 0a32 32 0 1 1-64 0m-96-32a32 32 0 1 1 0 64a32 32 0 1 1 0-64"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 512"><path fill="currentColor" d="M64 32C28.7 32 0 60.7 0 96v304c0 44.2 35.8 80 80 80c26.2 0 49.4-12.6 64-32c14.6 19.4 37.8 32 64 32c44.2 0 80-35.8 80-80c0-5.5-.6-10.8-1.6-16h163.2c-1 5.2-1.6 10.5-1.6 16c0 44.2 35.8 80 80 80s80-35.8 80-80c0-5.5-.6-10.8-1.6-16h1.6c17.7 0 32-14.3 32-32v-90.3c0-9.2-3.2-18.2-9-25.3l-58.8-71.8c-10.6-13-26.5-20.5-43.3-20.5L480 144V96c0-35.3-28.7-64-64-64zm521 224H480v-64h48.8c2.4 0 4.7 1.1 6.2 2.9zm-57 112a32 32 0 1 1 0 64a32 32 0 1 1 0-64m-352 32a32 32 0 1 1 64 0a32 32 0 1 1-64 0m-96-32a32 32 0 1 1 0 64a32 32 0 1 1 0-64"/></svg>
</template>

CSS

.icon-truck-moving {
  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%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M64%2032C28.7%2032%200%2060.7%200%2096v304c0%2044.2%2035.8%2080%2080%2080c26.2%200%2049.4-12.6%2064-32c14.6%2019.4%2037.8%2032%2064%2032c44.2%200%2080-35.8%2080-80c0-5.5-.6-10.8-1.6-16h163.2c-1%205.2-1.6%2010.5-1.6%2016c0%2044.2%2035.8%2080%2080%2080s80-35.8%2080-80c0-5.5-.6-10.8-1.6-16h1.6c17.7%200%2032-14.3%2032-32v-90.3c0-9.2-3.2-18.2-9-25.3l-58.8-71.8c-10.6-13-26.5-20.5-43.3-20.5L480%20144V96c0-35.3-28.7-64-64-64zm521%20224H480v-64h48.8c2.4%200%204.7%201.1%206.2%202.9zm-57%20112a32%2032%200%201%201%200%2064a32%2032%200%201%201%200-64m-352%2032a32%2032%200%201%201%2064%200a32%2032%200%201%201-64%200m-96-32a32%2032%200%201%201%200%2064a32%2032%200%201%201%200-64%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%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M64%2032C28.7%2032%200%2060.7%200%2096v304c0%2044.2%2035.8%2080%2080%2080c26.2%200%2049.4-12.6%2064-32c14.6%2019.4%2037.8%2032%2064%2032c44.2%200%2080-35.8%2080-80c0-5.5-.6-10.8-1.6-16h163.2c-1%205.2-1.6%2010.5-1.6%2016c0%2044.2%2035.8%2080%2080%2080s80-35.8%2080-80c0-5.5-.6-10.8-1.6-16h1.6c17.7%200%2032-14.3%2032-32v-90.3c0-9.2-3.2-18.2-9-25.3l-58.8-71.8c-10.6-13-26.5-20.5-43.3-20.5L480%20144V96c0-35.3-28.7-64-64-64zm521%20224H480v-64h48.8c2.4%200%204.7%201.1%206.2%202.9zm-57%20112a32%2032%200%201%201%200%2064a32%2032%200%201%201%200-64m-352%2032a32%2032%200%201%201%2064%200a32%2032%200%201%201-64%200m-96-32a32%2032%200%201%201%200%2064a32%2032%200%201%201%200-64%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-solid/truck-moving.svg?color=%231a73e8&size=48