Scale Unbalanced Flip Sharp Two Tone icon

keyline-icons:scale-unbalanced-flip-sharp-two-tone

The Scale Unbalanced Flip Sharp Two Tone icon (keyline-icons:scale-unbalanced-flip-sharp-two-tone) is a free SVG icon from the Keyline Icons set. It is drawn on a 24 × 24 grid. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Keyline Icons
Author: Keyline Icons
License: MIT
Size: 24 × 24
Tags: scaleunbalanced, unbalancedflip, flipsharp, sharptwo, twotone

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" fill-rule="evenodd" d="M22.8842 12.3902L19.8842 6.7109C19.7111 6.3831 19.3707 6.178 19 6.178C18.6293 6.178 18.2889 6.3831 18.1158 6.7109L15.1158 12.3902C15.0397 12.5342 15 12.6945 15 12.8573C15 13.2186 15.1949 13.5518 15.5098 13.7289C15.8305 13.9105 16.1615 14.0733 16.5011 14.2164C16.8236 14.3524 17.1556 14.4649 17.4943 14.5532C17.9857 14.6829 18.4918 14.7486 19 14.7486C19.5082 14.7486 20.0143 14.6829 20.5057 14.5532C20.8444 14.4649 21.1764 14.3524 21.4989 14.2164C21.8385 14.0733 22.1695 13.9105 22.4902 13.7289C22.8051 13.5518 23 13.2186 23 12.8573C23 12.6945 22.9603 12.5342 22.8842 12.3902ZM8.8842 15.8902L5.8842 10.2109C5.7111 9.8831 5.3707 9.678 5 9.678C4.6293 9.678 4.2889 9.8831 4.1158 10.2109L1.1158 15.8902C1.0397 16.0342 1 16.1945 1 16.3573C1 16.7186 1.1949 17.0518 1.5098 17.2289C1.8305 17.4105 2.1615 17.5733 2.5011 17.7164C2.8236 17.8524 3.1556 17.9649 3.4943 18.0532C3.9857 18.1829 4.4918 18.2486 5 18.2486C5.5082 18.2486 6.0143 18.1829 6.5057 18.0532C6.8444 17.9649 7.1764 17.8524 7.4989 17.7164C7.8385 17.5733 8.1695 17.4105 8.4902 17.2289C8.8051 17.0518 9 16.7186 9 16.3573C9 16.1945 8.9603 16.0342 8.8842 15.8902ZM9 4C9 5.6569 10.3431 7 12 7C13.6569 7 15 5.6569 15 4C15 2.3431 13.6569 1 12 1C10.3431 1 9 2.3431 9 4Z" clip-rule="evenodd" stroke="none"/><path d="M22 12.8573L19 7.178L16 12.8573C18.1133 14.0457 19.8867 14.0457 22 12.8573ZM8 16.3573L5 10.678L2 16.3573C4.1133 17.5457 5.8867 17.5457 8 16.3573ZM10 4C10 5.1046 10.8954 6 12 6C13.1046 6 14 5.1046 14 4C14 2.8954 13.1046 2 12 2C10.8954 2 10 2.8954 10 4ZM9.9385 4.5202C9.3223 5.4604 6.5241 7.2809 4.1322 6.0323L3.595 5.7518M13.8094 3.5121C14.806 4.0324 18.1368 4.2567 19.6158 2L19.9119 1.5482M12 6L12 22M18 22L6 22"/></g></svg>

How to use the Scale Unbalanced Flip Sharp Two Tone icon

React

import { Icon } from "@iconify/react";

<Icon icon="keyline-icons:scale-unbalanced-flip-sharp-two-tone" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="keyline-icons:scale-unbalanced-flip-sharp-two-tone" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="keyline-icons:scale-unbalanced-flip-sharp-two-tone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--scale-unbalanced-flip-sharp-two-tone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:scale-unbalanced-flip-sharp-two-tone"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="keyline-icons:scale-unbalanced-flip-sharp-two-tone"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/keyline-icons/scale-unbalanced-flip-sharp-two-tone.svg" alt="Scale Unbalanced Flip Sharp Two Tone icon" width="24" height="24">

Related icons in Keyline Icons

Scale Unbalanced Flip Sharp Two Tone icon FAQ

Is the Scale Unbalanced Flip Sharp Two Tone icon free for commercial use?

Yes. Keyline Icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Scale Unbalanced Flip Sharp Two Tone icon in React?

Install @iconify/react and render <Icon icon="keyline-icons:scale-unbalanced-flip-sharp-two-tone" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Scale Unbalanced Flip Sharp Two Tone icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/keyline-icons/scale-unbalanced-flip-sharp-two-tone.svg" alt="Scale Unbalanced Flip Sharp Two Tone icon">, or paste the SVG code inline to style it with CSS.

Browse all Keyline Icons →