Иконка Scale Unbalanced Flip

keyline-icons:scale-unbalanced-flip

Иконка Scale Unbalanced Flip (keyline-icons:scale-unbalanced-flip) — бесплатная SVG-иконка из набора Keyline Icons. Она нарисована на сетке 24 × 24. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Keyline Icons
Автор: Keyline Icons
Лицензия: MIT
Размер: 24 × 24
Теги: scaleunbalanced, unbalancedflip, scaleunbalancedflip

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21.9497 12.7501L19.4812 7.4839C19.29 7.0761 18.71 7.0761 18.5188 7.4839L16.0503 12.7501C15.9206 13.0268 16.0501 13.3572 16.34 13.454C18.1133 14.0457 19.8867 14.0457 21.66 13.454C21.9499 13.3572 22.0794 13.0268 21.9497 12.7501ZM7.9497 16.2501L5.4812 10.9839C5.29 10.5761 4.71 10.5761 4.5188 10.9839L2.0503 16.2501C1.9206 16.5268 2.0501 16.8572 2.34 16.954C4.1133 17.5457 5.8867 17.5457 7.66 16.954C7.9499 16.8572 8.0794 16.5268 7.9497 16.2501ZM10 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.0323M13.8094 3.5121C14.806 4.0324 18.1368 4.2567 19.6158 2M12 6L12 22M17 22L7 22"/></svg>

Как использовать иконку Scale Unbalanced Flip

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Веб-компонент

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

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

Изображение HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/scale-unbalanced-flip.svg" alt="Иконка Scale Unbalanced Flip" width="24" height="24">

Иконка Scale Unbalanced Flip в других наборах

Вопросы и ответы: Иконка Scale Unbalanced Flip

Можно ли бесплатно использовать иконку Scale Unbalanced Flip в коммерческих проектах?

Да. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Scale Unbalanced Flip в React?

Установите @iconify/react и выведите <Icon icon="keyline-icons:scale-unbalanced-flip" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Scale Unbalanced Flip на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/keyline-icons/scale-unbalanced-flip.svg" alt="Иконка Scale Unbalanced Flip">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Keyline Icons →