balance scale left icon

balance-scale-left from Line Awesome by Icons8 · Line · Political · Apache-2.0 Free for personal and commercial use.

Name
balance-scale-left
Set
Line Awesome
Style
Line
Category
Political
Viewbox
32×32
License
Apache 2.0
Aliases
balance-scale-left-solid

The same icon in other sets

More political icons from Line Awesome

Use the balance scale left icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m23.523 5.11l-5.242 1.966A2.98 2.98 0 0 0 16 6c-1.654 0-3 1.346-3 3c0 .021.005.041.006.063L8 11l-5 8.75v.266C3 22.772 5.243 25 8 25s5-2.228 5-4.984v-.266l-3.99-6.984l4.715-1.834c.338.398.773.705 1.275.884V26h6v-2h-4V11.816A3 3 0 0 0 19 9c0-.019-.006-.036-.006-.055l4.217-1.582L19 14.734V15c0 2.757 2.243 5 5 5s5-2.243 5-5v-.266l-4.49-7.857l-.987-1.768zM16 8a1.001 1.001 0 0 1 0 2a1.001 1.001 0 0 1 0-2m8 2.016L26.277 14h-4.554zM8 15.03L10.268 19H5.732L8 15.031zm13.186.97h5.628A2.99 2.99 0 0 1 24 18c-1.302 0-2.4-.838-2.814-2M5.18 21h5.64A3 3 0 0 1 8 23.016A3 3 0 0 1 5.18 21"/></svg>

React

import type { SVGProps } from "react";

export function LaBalanceScaleLeft(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m23.523 5.11l-5.242 1.966A2.98 2.98 0 0 0 16 6c-1.654 0-3 1.346-3 3c0 .021.005.041.006.063L8 11l-5 8.75v.266C3 22.772 5.243 25 8 25s5-2.228 5-4.984v-.266l-3.99-6.984l4.715-1.834c.338.398.773.705 1.275.884V26h6v-2h-4V11.816A3 3 0 0 0 19 9c0-.019-.006-.036-.006-.055l4.217-1.582L19 14.734V15c0 2.757 2.243 5 5 5s5-2.243 5-5v-.266l-4.49-7.857l-.987-1.768zM16 8a1.001 1.001 0 0 1 0 2a1.001 1.001 0 0 1 0-2m8 2.016L26.277 14h-4.554zM8 15.03L10.268 19H5.732L8 15.031zm13.186.97h5.628A2.99 2.99 0 0 1 24 18c-1.302 0-2.4-.838-2.814-2M5.18 21h5.64A3 3 0 0 1 8 23.016A3 3 0 0 1 5.18 21"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m23.523 5.11l-5.242 1.966A2.98 2.98 0 0 0 16 6c-1.654 0-3 1.346-3 3c0 .021.005.041.006.063L8 11l-5 8.75v.266C3 22.772 5.243 25 8 25s5-2.228 5-4.984v-.266l-3.99-6.984l4.715-1.834c.338.398.773.705 1.275.884V26h6v-2h-4V11.816A3 3 0 0 0 19 9c0-.019-.006-.036-.006-.055l4.217-1.582L19 14.734V15c0 2.757 2.243 5 5 5s5-2.243 5-5v-.266l-4.49-7.857l-.987-1.768zM16 8a1.001 1.001 0 0 1 0 2a1.001 1.001 0 0 1 0-2m8 2.016L26.277 14h-4.554zM8 15.03L10.268 19H5.732L8 15.031zm13.186.97h5.628A2.99 2.99 0 0 1 24 18c-1.302 0-2.4-.838-2.814-2M5.18 21h5.64A3 3 0 0 1 8 23.016A3 3 0 0 1 5.18 21"/></svg>
</template>

CSS

.icon-balance-scale-left {
  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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m23.523%205.11l-5.242%201.966A2.98%202.98%200%200%200%2016%206c-1.654%200-3%201.346-3%203c0%20.021.005.041.006.063L8%2011l-5%208.75v.266C3%2022.772%205.243%2025%208%2025s5-2.228%205-4.984v-.266l-3.99-6.984l4.715-1.834c.338.398.773.705%201.275.884V26h6v-2h-4V11.816A3%203%200%200%200%2019%209c0-.019-.006-.036-.006-.055l4.217-1.582L19%2014.734V15c0%202.757%202.243%205%205%205s5-2.243%205-5v-.266l-4.49-7.857l-.987-1.768zM16%208a1.001%201.001%200%200%201%200%202a1.001%201.001%200%200%201%200-2m8%202.016L26.277%2014h-4.554zM8%2015.03L10.268%2019H5.732L8%2015.031zm13.186.97h5.628A2.99%202.99%200%200%201%2024%2018c-1.302%200-2.4-.838-2.814-2M5.18%2021h5.64A3%203%200%200%201%208%2023.016A3%203%200%200%201%205.18%2021%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m23.523%205.11l-5.242%201.966A2.98%202.98%200%200%200%2016%206c-1.654%200-3%201.346-3%203c0%20.021.005.041.006.063L8%2011l-5%208.75v.266C3%2022.772%205.243%2025%208%2025s5-2.228%205-4.984v-.266l-3.99-6.984l4.715-1.834c.338.398.773.705%201.275.884V26h6v-2h-4V11.816A3%203%200%200%200%2019%209c0-.019-.006-.036-.006-.055l4.217-1.582L19%2014.734V15c0%202.757%202.243%205%205%205s5-2.243%205-5v-.266l-4.49-7.857l-.987-1.768zM16%208a1.001%201.001%200%200%201%200%202a1.001%201.001%200%200%201%200-2m8%202.016L26.277%2014h-4.554zM8%2015.03L10.268%2019H5.732L8%2015.031zm13.186.97h5.628A2.99%202.99%200%200%201%2024%2018c-1.302%200-2.4-.838-2.814-2M5.18%2021h5.64A3%203%200%200%201%208%2023.016A3%203%200%200%201%205.18%2021%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/balance-scale-left.svg?color=%231a73e8&size=48