weight icon

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

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

3 other variants in Material Symbols

weight 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="M6 19h12L16.575 9h-9.15zm6-12q.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 7M6 19h12z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsWeightOutline(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="M6 19h12L16.575 9h-9.15zm6-12q.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 7M6 19h12z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6 19h12L16.575 9h-9.15zm6-12q.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 7M6 19h12z"/></svg>
</template>

CSS

.icon-weight-outline {
  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%22M6%2019h12L16.575%209h-9.15zm6-12q.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%207M6%2019h12z%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%22M6%2019h12L16.575%209h-9.15zm6-12q.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%207M6%2019h12z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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