scales icon
scales-duotone from Phosphor by Phosphor Icons · Duotone · MIT Free for personal and commercial use.
- Name
- scales-duotone
- Set
- Phosphor
- Style
- Duotone
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
Use the scales icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="m56 88l32 80c0 17.67-20 24-32 24s-32-6.33-32-24Zm144-32l-32 80c0 17.67 20 24 32 24s32-6.33 32-24Z" opacity=".2"/><path d="m239.43 133l-32-80a8 8 0 0 0-9.16-4.84L136 62V40a8 8 0 0 0-16 0v25.58L54.26 80.19A8 8 0 0 0 48.57 85v.06l-32 79.94a7.9 7.9 0 0 0-.57 3c0 23.31 24.54 32 40 32s40-8.69 40-32a7.9 7.9 0 0 0-.57-3L66.92 93.77L120 82v126h-16a8 8 0 0 0 0 16h48a8 8 0 0 0 0-16h-16V78.42l51-11.32l-26.43 65.9a7.9 7.9 0 0 0-.57 3c0 23.31 24.54 32 40 32s40-8.69 40-32a7.9 7.9 0 0 0-.57-3M56 184c-7.53 0-22.76-3.61-23.93-14.64L56 109.54l23.93 59.82C78.76 180.39 63.53 184 56 184m144-32c-7.53 0-22.76-3.61-23.93-14.64L200 77.54l23.93 59.82C222.76 148.39 207.53 152 200 152"/></g></svg>
React
import type { SVGProps } from "react";
export function PhScalesDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="m56 88l32 80c0 17.67-20 24-32 24s-32-6.33-32-24Zm144-32l-32 80c0 17.67 20 24 32 24s32-6.33 32-24Z" opacity=".2"/><path d="m239.43 133l-32-80a8 8 0 0 0-9.16-4.84L136 62V40a8 8 0 0 0-16 0v25.58L54.26 80.19A8 8 0 0 0 48.57 85v.06l-32 79.94a7.9 7.9 0 0 0-.57 3c0 23.31 24.54 32 40 32s40-8.69 40-32a7.9 7.9 0 0 0-.57-3L66.92 93.77L120 82v126h-16a8 8 0 0 0 0 16h48a8 8 0 0 0 0-16h-16V78.42l51-11.32l-26.43 65.9a7.9 7.9 0 0 0-.57 3c0 23.31 24.54 32 40 32s40-8.69 40-32a7.9 7.9 0 0 0-.57-3M56 184c-7.53 0-22.76-3.61-23.93-14.64L56 109.54l23.93 59.82C78.76 180.39 63.53 184 56 184m144-32c-7.53 0-22.76-3.61-23.93-14.64L200 77.54l23.93 59.82C222.76 148.39 207.53 152 200 152"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="m56 88l32 80c0 17.67-20 24-32 24s-32-6.33-32-24Zm144-32l-32 80c0 17.67 20 24 32 24s32-6.33 32-24Z" opacity=".2"/><path d="m239.43 133l-32-80a8 8 0 0 0-9.16-4.84L136 62V40a8 8 0 0 0-16 0v25.58L54.26 80.19A8 8 0 0 0 48.57 85v.06l-32 79.94a7.9 7.9 0 0 0-.57 3c0 23.31 24.54 32 40 32s40-8.69 40-32a7.9 7.9 0 0 0-.57-3L66.92 93.77L120 82v126h-16a8 8 0 0 0 0 16h48a8 8 0 0 0 0-16h-16V78.42l51-11.32l-26.43 65.9a7.9 7.9 0 0 0-.57 3c0 23.31 24.54 32 40 32s40-8.69 40-32a7.9 7.9 0 0 0-.57-3M56 184c-7.53 0-22.76-3.61-23.93-14.64L56 109.54l23.93 59.82C78.76 180.39 63.53 184 56 184m144-32c-7.53 0-22.76-3.61-23.93-14.64L200 77.54l23.93 59.82C222.76 148.39 207.53 152 200 152"/></g></svg> </template>
CSS
.icon-scales-duotone {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22m56%2088l32%2080c0%2017.67-20%2024-32%2024s-32-6.33-32-24Zm144-32l-32%2080c0%2017.67%2020%2024%2032%2024s32-6.33%2032-24Z%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22m239.43%20133l-32-80a8%208%200%200%200-9.16-4.84L136%2062V40a8%208%200%200%200-16%200v25.58L54.26%2080.19A8%208%200%200%200%2048.57%2085v.06l-32%2079.94a7.9%207.9%200%200%200-.57%203c0%2023.31%2024.54%2032%2040%2032s40-8.69%2040-32a7.9%207.9%200%200%200-.57-3L66.92%2093.77L120%2082v126h-16a8%208%200%200%200%200%2016h48a8%208%200%200%200%200-16h-16V78.42l51-11.32l-26.43%2065.9a7.9%207.9%200%200%200-.57%203c0%2023.31%2024.54%2032%2040%2032s40-8.69%2040-32a7.9%207.9%200%200%200-.57-3M56%20184c-7.53%200-22.76-3.61-23.93-14.64L56%20109.54l23.93%2059.82C78.76%20180.39%2063.53%20184%2056%20184m144-32c-7.53%200-22.76-3.61-23.93-14.64L200%2077.54l23.93%2059.82C222.76%20148.39%20207.53%20152%20200%20152%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22m56%2088l32%2080c0%2017.67-20%2024-32%2024s-32-6.33-32-24Zm144-32l-32%2080c0%2017.67%2020%2024%2032%2024s32-6.33%2032-24Z%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22m239.43%20133l-32-80a8%208%200%200%200-9.16-4.84L136%2062V40a8%208%200%200%200-16%200v25.58L54.26%2080.19A8%208%200%200%200%2048.57%2085v.06l-32%2079.94a7.9%207.9%200%200%200-.57%203c0%2023.31%2024.54%2032%2040%2032s40-8.69%2040-32a7.9%207.9%200%200%200-.57-3L66.92%2093.77L120%2082v126h-16a8%208%200%200%200%200%2016h48a8%208%200%200%200%200-16h-16V78.42l51-11.32l-26.43%2065.9a7.9%207.9%200%200%200-.57%203c0%2023.31%2024.54%2032%2040%2032s40-8.69%2040-32a7.9%207.9%200%200%200-.57-3M56%20184c-7.53%200-22.76-3.61-23.93-14.64L56%20109.54l23.93%2059.82C78.76%20180.39%2063.53%20184%2056%20184m144-32c-7.53%200-22.76-3.61-23.93-14.64L200%2077.54l23.93%2059.82C222.76%20148.39%20207.53%20152%20200%20152%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/scales-duotone.svg?color=%231a73e8&size=48
