weight icon

weight from Unicons by Iconscout · Line · Devices · Apache-2.0 Free for personal and commercial use.

Name: weight
Set: Unicons
Style: Line
Category: Devices
Viewbox: 24×24
License: Apache 2.0

The same icon in other sets

weightFont Awesome Solid weightHealth Icons weightHuge Icons weightIconPark weightIconPark Outline weightIconPark Solid weightIconPark TwoTone weightIconoir weightLine Awesome weightLucide weightMaterial Symbols weightMaterial Symbols Light weightMaterial Design Icons weight-fillRemix Icon weightTabler Icons

More devices icons from Unicons

circuit desktop desktop-alt hdd laptop mobile-android mobile-android-alt modem monitor mouse mouse-alt mouse-alt-2 print processor tablet webcam wifi-router

Use the weight icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19 4h-1.45A3.1 3.1 0 0 0 17 3a3 3 0 0 0-2.25-1H9.27A3 3 0 0 0 7 3a3.1 3.1 0 0 0-.57 1H5a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3m-10.48.34A1 1 0 0 1 9.27 4h5.46a1 1 0 0 1 .75.34a1 1 0 0 1 .25.78l-.5 4a1 1 0 0 1-1 .88h-1.64l1.14-2.4a1 1 0 0 0-1.8-.86L10.37 10h-.6a1 1 0 0 1-1-.88l-.5-4a1 1 0 0 1 .25-.78M20 19a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h1.37l.42 3.37a3 3 0 0 0 3 2.63h4.46a3 3 0 0 0 3-2.63L17.63 6H19a1 1 0 0 1 1 1Zm-6-3h-4a1 1 0 0 0 0 2h4a1 1 0 0 0 0-2"/></svg>

React

import type { SVGProps } from "react";

export function UilWeight(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="M19 4h-1.45A3.1 3.1 0 0 0 17 3a3 3 0 0 0-2.25-1H9.27A3 3 0 0 0 7 3a3.1 3.1 0 0 0-.57 1H5a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3m-10.48.34A1 1 0 0 1 9.27 4h5.46a1 1 0 0 1 .75.34a1 1 0 0 1 .25.78l-.5 4a1 1 0 0 1-1 .88h-1.64l1.14-2.4a1 1 0 0 0-1.8-.86L10.37 10h-.6a1 1 0 0 1-1-.88l-.5-4a1 1 0 0 1 .25-.78M20 19a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h1.37l.42 3.37a3 3 0 0 0 3 2.63h4.46a3 3 0 0 0 3-2.63L17.63 6H19a1 1 0 0 1 1 1Zm-6-3h-4a1 1 0 0 0 0 2h4a1 1 0 0 0 0-2"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19 4h-1.45A3.1 3.1 0 0 0 17 3a3 3 0 0 0-2.25-1H9.27A3 3 0 0 0 7 3a3.1 3.1 0 0 0-.57 1H5a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3m-10.48.34A1 1 0 0 1 9.27 4h5.46a1 1 0 0 1 .75.34a1 1 0 0 1 .25.78l-.5 4a1 1 0 0 1-1 .88h-1.64l1.14-2.4a1 1 0 0 0-1.8-.86L10.37 10h-.6a1 1 0 0 1-1-.88l-.5-4a1 1 0 0 1 .25-.78M20 19a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h1.37l.42 3.37a3 3 0 0 0 3 2.63h4.46a3 3 0 0 0 3-2.63L17.63 6H19a1 1 0 0 1 1 1Zm-6-3h-4a1 1 0 0 0 0 2h4a1 1 0 0 0 0-2"/></svg>
</template>

CSS

.icon-weight {
  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%22M19%204h-1.45A3.1%203.1%200%200%200%2017%203a3%203%200%200%200-2.25-1H9.27A3%203%200%200%200%207%203a3.1%203.1%200%200%200-.57%201H5a3%203%200%200%200-3%203v12a3%203%200%200%200%203%203h14a3%203%200%200%200%203-3V7a3%203%200%200%200-3-3m-10.48.34A1%201%200%200%201%209.27%204h5.46a1%201%200%200%201%20.75.34a1%201%200%200%201%20.25.78l-.5%204a1%201%200%200%201-1%20.88h-1.64l1.14-2.4a1%201%200%200%200-1.8-.86L10.37%2010h-.6a1%201%200%200%201-1-.88l-.5-4a1%201%200%200%201%20.25-.78M20%2019a1%201%200%200%201-1%201H5a1%201%200%200%201-1-1V7a1%201%200%200%201%201-1h1.37l.42%203.37a3%203%200%200%200%203%202.63h4.46a3%203%200%200%200%203-2.63L17.63%206H19a1%201%200%200%201%201%201Zm-6-3h-4a1%201%200%200%200%200%202h4a1%201%200%200%200%200-2%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%22M19%204h-1.45A3.1%203.1%200%200%200%2017%203a3%203%200%200%200-2.25-1H9.27A3%203%200%200%200%207%203a3.1%203.1%200%200%200-.57%201H5a3%203%200%200%200-3%203v12a3%203%200%200%200%203%203h14a3%203%200%200%200%203-3V7a3%203%200%200%200-3-3m-10.48.34A1%201%200%200%201%209.27%204h5.46a1%201%200%200%201%20.75.34a1%201%200%200%201%20.25.78l-.5%204a1%201%200%200%201-1%20.88h-1.64l1.14-2.4a1%201%200%200%200-1.8-.86L10.37%2010h-.6a1%201%200%200%201-1-.88l-.5-4a1%201%200%200%201%20.25-.78M20%2019a1%201%200%200%201-1%201H5a1%201%200%200%201-1-1V7a1%201%200%200%201%201-1h1.37l.42%203.37a3%203%200%200%200%203%202.63h4.46a3%203%200%200%200%203-2.63L17.63%206H19a1%201%200%200%201%201%201Zm-6-3h-4a1%201%200%200%200%200%202h4a1%201%200%200%200%200-2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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