Gold Bars Fill icon
keyline-icons:gold-bars-fill
The Gold Bars Fill icon (keyline-icons:gold-bars-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
- goldbars, barsfill, goldbarsfill, bar
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M9.2808 11C8.1762 11.0001 7.2807 10.1047 7.2807 9.0001C7.2807 8.8366 7.3008 8.6736 7.3405 8.5149L8.3405 4.5149C8.5631 3.6246 9.363 3 10.2808 3L13.7192 3C14.637 3 15.4369 3.6246 15.6595 4.5149L16.6595 8.5149C16.6992 8.6736 16.7193 8.8366 16.7193 9.0001C16.7193 10.1047 15.8238 11.0001 14.7192 11L9.2808 11ZM2.9999 21C1.8954 21.0001 0.9999 20.1047 0.9999 19.0001C0.9999 18.8366 1.02 18.6736 1.0597 18.5149L2.0597 14.5149C2.2822 13.6246 3.0822 13 3.9999 13L7.4384 13C8.3561 13 9.1561 13.6246 9.3787 14.5149L10.3787 18.5149C10.4184 18.6736 10.4384 18.8366 10.4384 19.0001C10.4384 20.1047 9.543 21.0001 8.4384 21L2.9999 21ZM15.5616 21C14.457 21.0001 13.5616 20.1047 13.5616 19.0001C13.5616 18.8366 13.5816 18.6736 13.6213 18.5149L14.6213 14.5149C14.8439 13.6246 15.6439 13 16.5616 13L20.0001 13C20.9178 13 21.7178 13.6246 21.9403 14.5149L22.9403 18.5149C22.98 18.6736 23.0001 18.8366 23.0001 19.0001C23.0001 20.1047 22.1046 21.0001 21.0001 21L15.5616 21Z" clip-rule="evenodd"/></svg>
How to use the Gold Bars Fill icon
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:gold-bars-fill" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:gold-bars-fill" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:gold-bars-fill" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--gold-bars-fill]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:gold-bars-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:gold-bars-fill"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/keyline-icons/gold-bars-fill.svg" alt="Gold Bars Fill icon" width="24" height="24">
Related icons in Keyline Icons
Gold Bars Fill icon FAQ
Is the Gold Bars 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 Gold Bars Fill icon in React?
Install @iconify/react and render <Icon icon="keyline-icons:gold-bars-fill" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Gold Bars Fill icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/keyline-icons/gold-bars-fill.svg" alt="Gold Bars Fill icon">, or paste the SVG code inline to style it with CSS.
Browse all Keyline Icons →
ICONYZ
