weight icon

weight from Material Symbols by Google · Regular · Social · Apache-2.0 Free for personal and commercial use.

Name: weight
Set: Material Symbols
Style: Regular
Category: Social
Viewbox: 24×24
License: Apache 2.0
Aliases: weight-rounded

3 other variants in Material Symbols

weight-outline weight-outline-sharp weight-sharp

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 Light weightMaterial Design Icons weight-fillRemix Icon weightTabler Icons weightUnicons

More social icons from Material Symbols

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="M12 7q.425 0 .713-.288T13 6t-.288-.712T12 5t-.712.288T11 6t.288.713T12 7m2.825 0h1.75q.75 0 1.3.5t.675 1.225l1.425 10q.125.9-.462 1.588T18 21H6q-.925 0-1.513-.687t-.462-1.588l1.425-10Q5.575 8 6.125 7.5t1.3-.5h1.75q-.075-.25-.125-.487T9 6q0-1.25.875-2.125T12 3t2.125.875T15 6q0 .275-.05.513T14.825 7"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsWeight(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="M12 7q.425 0 .713-.288T13 6t-.288-.712T12 5t-.712.288T11 6t.288.713T12 7m2.825 0h1.75q.75 0 1.3.5t.675 1.225l1.425 10q.125.9-.462 1.588T18 21H6q-.925 0-1.513-.687t-.462-1.588l1.425-10Q5.575 8 6.125 7.5t1.3-.5h1.75q-.075-.25-.125-.487T9 6q0-1.25.875-2.125T12 3t2.125.875T15 6q0 .275-.05.513T14.825 7"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 7q.425 0 .713-.288T13 6t-.288-.712T12 5t-.712.288T11 6t.288.713T12 7m2.825 0h1.75q.75 0 1.3.5t.675 1.225l1.425 10q.125.9-.462 1.588T18 21H6q-.925 0-1.513-.687t-.462-1.588l1.425-10Q5.575 8 6.125 7.5t1.3-.5h1.75q-.075-.25-.125-.487T9 6q0-1.25.875-2.125T12 3t2.125.875T15 6q0 .275-.05.513T14.825 7"/></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%22M12%207q.425%200%20.713-.288T13%206t-.288-.712T12%205t-.712.288T11%206t.288.713T12%207m2.825%200h1.75q.75%200%201.3.5t.675%201.225l1.425%2010q.125.9-.462%201.588T18%2021H6q-.925%200-1.513-.687t-.462-1.588l1.425-10Q5.575%208%206.125%207.5t1.3-.5h1.75q-.075-.25-.125-.487T9%206q0-1.25.875-2.125T12%203t2.125.875T15%206q0%20.275-.05.513T14.825%207%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%22M12%207q.425%200%20.713-.288T13%206t-.288-.712T12%205t-.712.288T11%206t.288.713T12%207m2.825%200h1.75q.75%200%201.3.5t.675%201.225l1.425%2010q.125.9-.462%201.588T18%2021H6q-.925%200-1.513-.687t-.462-1.588l1.425-10Q5.575%208%206.125%207.5t1.3-.5h1.75q-.075-.25-.125-.487T9%206q0-1.25.875-2.125T12%203t2.125.875T15%206q0%20.275-.05.513T14.825%207%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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