Equal Approximately Fill icon
keyline-icons:equal-approximately-fill
The Equal Approximately Fill icon (keyline-icons:equal-approximately-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
- equalapproximately, approximatelyfill, equalapproximatelyfill
SVG code
<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="M5 8.5C5.9123 7.5421 7.1772 7 8.5 7C9.8228 7 11.0877 7.5421 12 8.5C12.9123 9.4579 14.1772 10 15.5 10C16.8228 10 18.0877 9.4579 19 8.5M5 15.5C5.9123 14.5421 7.1772 14 8.5 14C9.8228 14 11.0877 14.5421 12 15.5C12.9123 16.4579 14.1772 17 15.5 17C16.8228 17 18.0877 16.4579 19 15.5"/></svg>How to use the Equal Approximately Fill icon
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:equal-approximately-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:equal-approximately-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:equal-approximately-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--equal-approximately-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:equal-approximately-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:equal-approximately-fill"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/keyline-icons/equal-approximately-fill.svg" alt="Equal Approximately Fill icon" width="24" height="24">Related icons in Keyline Icons
Equal Approximately Fill icon FAQ
Is the Equal Approximately 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 Equal Approximately Fill icon in React?
Install @iconify/react and render <Icon icon="keyline-icons:equal-approximately-fill" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Equal Approximately Fill icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/keyline-icons/equal-approximately-fill.svg" alt="Equal Approximately Fill icon">, or paste the SVG code inline to style it with CSS.