scales icon

scales-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.

Name
scales-bold
Set
Phosphor
Style
Bold
Viewbox
256×256
License
MIT

5 other variants in Phosphor

scalesscales-duotonescales-fillscales-lightscales-thin

The same icon in other sets

scalesCarbonscales-16-filledFluent UI System IconsscalesOpenMojiscales-fillRemix Icon

Use the scales icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m243.14 131.54l-32-80a12 12 0 0 0-13.73-7.25L140 57V40a12 12 0 0 0-24 0v22.37L53.4 76.29a12 12 0 0 0-8.54 7.25l-32 79.92A12 12 0 0 0 12 168c0 12.13 6.2 22.43 17.45 29A55 55 0 0 0 56 204a55 55 0 0 0 26.55-7C93.8 190.43 100 180.13 100 168a12 12 0 0 0-.86-4.46L72.38 96.65L116 87v117h-12a12 12 0 0 0 0 24h48a12 12 0 0 0 0-24h-12V81.63l40.42-9l-23.56 58.9A12 12 0 0 0 156 136c0 12.13 6.2 22.43 17.45 29a53.78 53.78 0 0 0 53.1 0c11.25-6.57 17.45-16.87 17.45-29a12 12 0 0 0-.86-4.46M56 180c-3.71 0-18-1.87-19.81-10.18L56 120.31l19.81 49.51C74 178.13 59.71 180 56 180m144-32c-3.71 0-18-1.87-19.81-10.18L200 88.31l19.81 49.51C218 146.13 203.71 148 200 148"/></svg>

React

import type { SVGProps } from "react";

export function PhScalesBold(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m243.14 131.54l-32-80a12 12 0 0 0-13.73-7.25L140 57V40a12 12 0 0 0-24 0v22.37L53.4 76.29a12 12 0 0 0-8.54 7.25l-32 79.92A12 12 0 0 0 12 168c0 12.13 6.2 22.43 17.45 29A55 55 0 0 0 56 204a55 55 0 0 0 26.55-7C93.8 190.43 100 180.13 100 168a12 12 0 0 0-.86-4.46L72.38 96.65L116 87v117h-12a12 12 0 0 0 0 24h48a12 12 0 0 0 0-24h-12V81.63l40.42-9l-23.56 58.9A12 12 0 0 0 156 136c0 12.13 6.2 22.43 17.45 29a53.78 53.78 0 0 0 53.1 0c11.25-6.57 17.45-16.87 17.45-29a12 12 0 0 0-.86-4.46M56 180c-3.71 0-18-1.87-19.81-10.18L56 120.31l19.81 49.51C74 178.13 59.71 180 56 180m144-32c-3.71 0-18-1.87-19.81-10.18L200 88.31l19.81 49.51C218 146.13 203.71 148 200 148"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m243.14 131.54l-32-80a12 12 0 0 0-13.73-7.25L140 57V40a12 12 0 0 0-24 0v22.37L53.4 76.29a12 12 0 0 0-8.54 7.25l-32 79.92A12 12 0 0 0 12 168c0 12.13 6.2 22.43 17.45 29A55 55 0 0 0 56 204a55 55 0 0 0 26.55-7C93.8 190.43 100 180.13 100 168a12 12 0 0 0-.86-4.46L72.38 96.65L116 87v117h-12a12 12 0 0 0 0 24h48a12 12 0 0 0 0-24h-12V81.63l40.42-9l-23.56 58.9A12 12 0 0 0 156 136c0 12.13 6.2 22.43 17.45 29a53.78 53.78 0 0 0 53.1 0c11.25-6.57 17.45-16.87 17.45-29a12 12 0 0 0-.86-4.46M56 180c-3.71 0-18-1.87-19.81-10.18L56 120.31l19.81 49.51C74 178.13 59.71 180 56 180m144-32c-3.71 0-18-1.87-19.81-10.18L200 88.31l19.81 49.51C218 146.13 203.71 148 200 148"/></svg>
</template>

CSS

.icon-scales-bold {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m243.14%20131.54l-32-80a12%2012%200%200%200-13.73-7.25L140%2057V40a12%2012%200%200%200-24%200v22.37L53.4%2076.29a12%2012%200%200%200-8.54%207.25l-32%2079.92A12%2012%200%200%200%2012%20168c0%2012.13%206.2%2022.43%2017.45%2029A55%2055%200%200%200%2056%20204a55%2055%200%200%200%2026.55-7C93.8%20190.43%20100%20180.13%20100%20168a12%2012%200%200%200-.86-4.46L72.38%2096.65L116%2087v117h-12a12%2012%200%200%200%200%2024h48a12%2012%200%200%200%200-24h-12V81.63l40.42-9l-23.56%2058.9A12%2012%200%200%200%20156%20136c0%2012.13%206.2%2022.43%2017.45%2029a53.78%2053.78%200%200%200%2053.1%200c11.25-6.57%2017.45-16.87%2017.45-29a12%2012%200%200%200-.86-4.46M56%20180c-3.71%200-18-1.87-19.81-10.18L56%20120.31l19.81%2049.51C74%20178.13%2059.71%20180%2056%20180m144-32c-3.71%200-18-1.87-19.81-10.18L200%2088.31l19.81%2049.51C218%20146.13%20203.71%20148%20200%20148%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m243.14%20131.54l-32-80a12%2012%200%200%200-13.73-7.25L140%2057V40a12%2012%200%200%200-24%200v22.37L53.4%2076.29a12%2012%200%200%200-8.54%207.25l-32%2079.92A12%2012%200%200%200%2012%20168c0%2012.13%206.2%2022.43%2017.45%2029A55%2055%200%200%200%2056%20204a55%2055%200%200%200%2026.55-7C93.8%20190.43%20100%20180.13%20100%20168a12%2012%200%200%200-.86-4.46L72.38%2096.65L116%2087v117h-12a12%2012%200%200%200%200%2024h48a12%2012%200%200%200%200-24h-12V81.63l40.42-9l-23.56%2058.9A12%2012%200%200%200%20156%20136c0%2012.13%206.2%2022.43%2017.45%2029a53.78%2053.78%200%200%200%2053.1%200c11.25-6.57%2017.45-16.87%2017.45-29a12%2012%200%200%200-.86-4.46M56%20180c-3.71%200-18-1.87-19.81-10.18L56%20120.31l19.81%2049.51C74%20178.13%2059.71%20180%2056%20180m144-32c-3.71%200-18-1.87-19.81-10.18L200%2088.31l19.81%2049.51C218%20146.13%20203.71%20148%20200%20148%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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