scale balanced icon

scale-balanced-outline from Flowbite Icons by Themesberg · Outline · E-commerce · MIT Free for personal and commercial use.

Name
scale-balanced-outline
Set
Flowbite Icons
Style
Outline
Category
E-commerce
Viewbox
24×24
License
MIT

1 other variant in Flowbite Icons

scale-balanced-solid

The same icon in other sets

scale-balancedFont Awesome 6 Solidscale-balancedFont Awesome Solid

More e-commerce icons from Flowbite Icons

cart-outlinecart-plus-alt-outlinecart-plus-outlinecash-outlinecash-register-outlinecredit-card-outlinecredit-card-plus-alt-outlinecredit-card-plus-outlinedollar-outlineeuro-outlinefilter-dollar-outlinereceipt-outlinesale-percent-outlineshopping-bag-outlinestore-outlinetag-outlineuser-headset-outlinewallet-outline

Use the scale balanced icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5.5 21h13M12 21V7m0 0a2 2 0 1 0 0-4a2 2 0 0 0 0 4m2-1.8c3.073.661 2.467 2.8 5 2.8M5 8c3.359 0 2.192-2.115 5.012-2.793M7 9.556V7.75m0 1.806l-1.95 4.393a.773.773 0 0 0 .37.962a.8.8 0 0 0 .362.089h2.436a.79.79 0 0 0 .643-.335a.78.78 0 0 0 .09-.716zm10 0V7.313m0 2.243l-1.95 4.393a.773.773 0 0 0 .37.962a.8.8 0 0 0 .362.089h2.436a.79.79 0 0 0 .643-.335a.78.78 0 0 0 .09-.716z"/></svg>

React

import type { SVGProps } from "react";

export function FlowbiteScaleBalancedOutline(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M5.5 21h13M12 21V7m0 0a2 2 0 1 0 0-4a2 2 0 0 0 0 4m2-1.8c3.073.661 2.467 2.8 5 2.8M5 8c3.359 0 2.192-2.115 5.012-2.793M7 9.556V7.75m0 1.806l-1.95 4.393a.773.773 0 0 0 .37.962a.8.8 0 0 0 .362.089h2.436a.79.79 0 0 0 .643-.335a.78.78 0 0 0 .09-.716zm10 0V7.313m0 2.243l-1.95 4.393a.773.773 0 0 0 .37.962a.8.8 0 0 0 .362.089h2.436a.79.79 0 0 0 .643-.335a.78.78 0 0 0 .09-.716z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5.5 21h13M12 21V7m0 0a2 2 0 1 0 0-4a2 2 0 0 0 0 4m2-1.8c3.073.661 2.467 2.8 5 2.8M5 8c3.359 0 2.192-2.115 5.012-2.793M7 9.556V7.75m0 1.806l-1.95 4.393a.773.773 0 0 0 .37.962a.8.8 0 0 0 .362.089h2.436a.79.79 0 0 0 .643-.335a.78.78 0 0 0 .09-.716zm10 0V7.313m0 2.243l-1.95 4.393a.773.773 0 0 0 .37.962a.8.8 0 0 0 .362.089h2.436a.79.79 0 0 0 .643-.335a.78.78 0 0 0 .09-.716z"/></svg>
</template>

CSS

.icon-scale-balanced-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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M5.5%2021h13M12%2021V7m0%200a2%202%200%201%200%200-4a2%202%200%200%200%200%204m2-1.8c3.073.661%202.467%202.8%205%202.8M5%208c3.359%200%202.192-2.115%205.012-2.793M7%209.556V7.75m0%201.806l-1.95%204.393a.773.773%200%200%200%20.37.962a.8.8%200%200%200%20.362.089h2.436a.79.79%200%200%200%20.643-.335a.78.78%200%200%200%20.09-.716zm10%200V7.313m0%202.243l-1.95%204.393a.773.773%200%200%200%20.37.962a.8.8%200%200%200%20.362.089h2.436a.79.79%200%200%200%20.643-.335a.78.78%200%200%200%20.09-.716z%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M5.5%2021h13M12%2021V7m0%200a2%202%200%201%200%200-4a2%202%200%200%200%200%204m2-1.8c3.073.661%202.467%202.8%205%202.8M5%208c3.359%200%202.192-2.115%205.012-2.793M7%209.556V7.75m0%201.806l-1.95%204.393a.773.773%200%200%200%20.37.962a.8.8%200%200%200%20.362.089h2.436a.79.79%200%200%200%20.643-.335a.78.78%200%200%200%20.09-.716zm10%200V7.313m0%202.243l-1.95%204.393a.773.773%200%200%200%20.37.962a.8.8%200%200%200%20.362.089h2.436a.79.79%200%200%200%20.643-.335a.78.78%200%200%200%20.09-.716z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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