Иконка Scale Fill

keyline-icons:scale-fill

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

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

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-rule="evenodd" d="M1.1448 13.8257L3.6134 8.5594C3.8636 8.0218 4.4028 7.678 4.9957 7.678C4.9972 7.678 4.9986 7.678 5 7.6781C5.0014 7.678 5.0028 7.678 5.0043 7.678C5.5972 7.678 6.1365 8.0218 6.3867 8.5595L8.8552 13.8257C8.9506 14.0285 9 14.2499 9 14.4741C9 14.6698 8.9623 14.8637 8.889 15.0451C8.7252 15.4509 8.3917 15.7644 7.9765 15.9026C7.0176 16.2275 6.0124 16.3947 5 16.3978C3.9875 16.3947 2.9822 16.2275 2.0233 15.9025C1.6082 15.7643 1.2747 15.4508 1.111 15.0451C1.0377 14.8637 1 14.6698 1 14.4741C1 14.2499 1.0494 14.0285 1.1448 13.8257ZM15.1448 13.8257L17.6134 8.5594C17.8636 8.0218 18.4028 7.678 18.9957 7.678C18.9972 7.678 18.9986 7.678 19 7.6781C19.0014 7.678 19.0028 7.678 19.0043 7.678C19.5972 7.678 20.1365 8.0218 20.3867 8.5595L22.8552 13.8257C22.9506 14.0285 23 14.2499 23 14.4741C23 14.6698 22.9623 14.8637 22.889 15.0451C22.7252 15.4509 22.3917 15.7644 21.9765 15.9026C21.0176 16.2275 20.0124 16.3947 19 16.3978C17.9875 16.3947 16.9822 16.2275 16.0233 15.9025C15.6082 15.7643 15.2747 15.4508 15.111 15.0451C15.0377 14.8637 15 14.6698 15 14.4741C15 14.2499 15.0494 14.0285 15.1448 13.8257ZM15 4C15 5.6569 13.6569 7 12 7C10.3431 7 9 5.6569 9 4C9 2.3431 10.3431 1 12 1C13.6569 1 15 2.3431 15 4Z" clip-rule="evenodd" stroke="none"/><path d="M14 4C14.8333 4.7546 18 5.8111 20 4M10 4C9.1667 4.7546 6 5.8111 4 4M12 6L12 22M7 22L17 22"/></g></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Все Keyline Icons →