Scale Fill icon

keyline-icons:scale-fill

The Scale Fill icon (keyline-icons:scale-fill) 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: scalefill

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-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>

How to use the Scale Fill icon

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>

Web component

<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 image

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

Related icons in Keyline Icons

Scale Fill icon in other icon sets

Scale Fill icon FAQ

Is the Scale Fill 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 Fill icon in React?

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

How do I add the Scale Fill icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/keyline-icons/scale-fill.svg" alt="Scale Fill icon">, or paste the SVG code inline to style it with CSS.

Browse all Keyline Icons →