wheel barrow icon

wheel-barrow from Unicons by Iconscout · Line · Construction · Apache-2.0 Free for personal and commercial use.

Name: wheel-barrow
Set: Unicons
Style: Line
Category: Construction
Viewbox: 24×24
License: Apache 2.0

The same icon in other sets

More construction icons from Unicons

drill hard-hat jackhammer no-entry paint-tool screw shovel tape traffic-barrier trowel wall

Use the wheel barrow icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21 2h-2.3l-.16.07l-.17.11a.8.8 0 0 0-.13.13a1 1 0 0 0-.1.16a.7.7 0 0 0-.08.18v.09L17.38 6h-1.14l-3.12-3.11a3.06 3.06 0 0 0-4.24 0L5.76 6H3a1 1 0 0 0-.87.5a1 1 0 0 0 0 1l4 7l-.77 1.5A2 2 0 0 0 5 16a3 3 0 1 0 3 3a3 3 0 0 0-.85-2.08l1-2l1.38-.14l3.94 5.91A2.93 2.93 0 0 0 16 22a3.2 3.2 0 0 0 1.13-.21a3 3 0 0 0 1.87-3.3L18 13l1.79-9H21a1 1 0 0 0 0-2M5 20a1 1 0 1 1 1-1a1 1 0 0 1-1 1m5.3-15.71a1 1 0 0 1 1.4 0L13.41 6H8.59Zm-2.75 8.65L4.72 8H17l-.82 4.08Zm8.81 7a1 1 0 0 1-1.2-.38l-3.34-5l4.37-.43l.81 4.69a1 1 0 0 1-.64 1.11Z"/></svg>

React

import type { SVGProps } from "react";

export function UilWheelBarrow(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21 2h-2.3l-.16.07l-.17.11a.8.8 0 0 0-.13.13a1 1 0 0 0-.1.16a.7.7 0 0 0-.08.18v.09L17.38 6h-1.14l-3.12-3.11a3.06 3.06 0 0 0-4.24 0L5.76 6H3a1 1 0 0 0-.87.5a1 1 0 0 0 0 1l4 7l-.77 1.5A2 2 0 0 0 5 16a3 3 0 1 0 3 3a3 3 0 0 0-.85-2.08l1-2l1.38-.14l3.94 5.91A2.93 2.93 0 0 0 16 22a3.2 3.2 0 0 0 1.13-.21a3 3 0 0 0 1.87-3.3L18 13l1.79-9H21a1 1 0 0 0 0-2M5 20a1 1 0 1 1 1-1a1 1 0 0 1-1 1m5.3-15.71a1 1 0 0 1 1.4 0L13.41 6H8.59Zm-2.75 8.65L4.72 8H17l-.82 4.08Zm8.81 7a1 1 0 0 1-1.2-.38l-3.34-5l4.37-.43l.81 4.69a1 1 0 0 1-.64 1.11Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21 2h-2.3l-.16.07l-.17.11a.8.8 0 0 0-.13.13a1 1 0 0 0-.1.16a.7.7 0 0 0-.08.18v.09L17.38 6h-1.14l-3.12-3.11a3.06 3.06 0 0 0-4.24 0L5.76 6H3a1 1 0 0 0-.87.5a1 1 0 0 0 0 1l4 7l-.77 1.5A2 2 0 0 0 5 16a3 3 0 1 0 3 3a3 3 0 0 0-.85-2.08l1-2l1.38-.14l3.94 5.91A2.93 2.93 0 0 0 16 22a3.2 3.2 0 0 0 1.13-.21a3 3 0 0 0 1.87-3.3L18 13l1.79-9H21a1 1 0 0 0 0-2M5 20a1 1 0 1 1 1-1a1 1 0 0 1-1 1m5.3-15.71a1 1 0 0 1 1.4 0L13.41 6H8.59Zm-2.75 8.65L4.72 8H17l-.82 4.08Zm8.81 7a1 1 0 0 1-1.2-.38l-3.34-5l4.37-.43l.81 4.69a1 1 0 0 1-.64 1.11Z"/></svg>
</template>

CSS

.icon-wheel-barrow {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21%202h-2.3l-.16.07l-.17.11a.8.8%200%200%200-.13.13a1%201%200%200%200-.1.16a.7.7%200%200%200-.08.18v.09L17.38%206h-1.14l-3.12-3.11a3.06%203.06%200%200%200-4.24%200L5.76%206H3a1%201%200%200%200-.87.5a1%201%200%200%200%200%201l4%207l-.77%201.5A2%202%200%200%200%205%2016a3%203%200%201%200%203%203a3%203%200%200%200-.85-2.08l1-2l1.38-.14l3.94%205.91A2.93%202.93%200%200%200%2016%2022a3.2%203.2%200%200%200%201.13-.21a3%203%200%200%200%201.87-3.3L18%2013l1.79-9H21a1%201%200%200%200%200-2M5%2020a1%201%200%201%201%201-1a1%201%200%200%201-1%201m5.3-15.71a1%201%200%200%201%201.4%200L13.41%206H8.59Zm-2.75%208.65L4.72%208H17l-.82%204.08Zm8.81%207a1%201%200%200%201-1.2-.38l-3.34-5l4.37-.43l.81%204.69a1%201%200%200%201-.64%201.11Z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21%202h-2.3l-.16.07l-.17.11a.8.8%200%200%200-.13.13a1%201%200%200%200-.1.16a.7.7%200%200%200-.08.18v.09L17.38%206h-1.14l-3.12-3.11a3.06%203.06%200%200%200-4.24%200L5.76%206H3a1%201%200%200%200-.87.5a1%201%200%200%200%200%201l4%207l-.77%201.5A2%202%200%200%200%205%2016a3%203%200%201%200%203%203a3%203%200%200%200-.85-2.08l1-2l1.38-.14l3.94%205.91A2.93%202.93%200%200%200%2016%2022a3.2%203.2%200%200%200%201.13-.21a3%203%200%200%200%201.87-3.3L18%2013l1.79-9H21a1%201%200%200%200%200-2M5%2020a1%201%200%201%201%201-1a1%201%200%200%201-1%201m5.3-15.71a1%201%200%200%201%201.4%200L13.41%206H8.59Zm-2.75%208.65L4.72%208H17l-.82%204.08Zm8.81%207a1%201%200%200%201-1.2-.38l-3.34-5l4.37-.43l.81%204.69a1%201%200%200%201-.64%201.11Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/uil/wheel-barrow.svg?color=%231a73e8&size=48