ICONYZ
English
Gold Bars icon from Keyline Icons

Gold Bars icon

keyline-icons:gold-bars

The Gold Bars icon (keyline-icons:gold-bars) 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, bar
Download SVG

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="M9.2808 10C8.7285 10 8.2808 9.5523 8.2808 9C8.2808 8.9182 8.2908 8.8368 8.3106 8.7575L9.3106 4.7575C9.4219 4.3123 9.8219 4 10.2808 4L13.7192 4C14.1781 4 14.5781 4.3123 14.6894 4.7575L15.6894 8.7575C15.7092 8.8368 15.7192 8.9182 15.7192 9C15.7192 9.5523 15.2715 10 14.7192 10L9.2808 10ZM2.9999 20C2.4477 20 1.9999 19.5523 1.9999 19C1.9999 18.9182 2.01 18.8368 2.0298 18.7575L3.0298 14.7575C3.1411 14.3123 3.5411 14 3.9999 14L7.4384 14C7.8973 14 8.2972 14.3123 8.4085 14.7575L9.4085 18.7575C9.4284 18.8368 9.4384 18.9182 9.4384 19C9.4384 19.5523 8.9907 20 8.4384 20L2.9999 20ZM15.5616 20C15.0093 20 14.5616 19.5523 14.5616 19C14.5616 18.9182 14.5716 18.8368 14.5915 18.7575L15.5915 14.7575C15.7028 14.3123 16.1027 14 16.5616 14L20.0001 14C20.4589 14 20.8589 14.3123 20.9702 14.7575L21.9702 18.7575C21.99 18.8368 22.0001 18.9182 22.0001 19C22.0001 19.5523 21.5523 20 21.0001 20L15.5616 20Z"/></svg>

How to use the Gold Bars icon

React

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

<Icon icon="keyline-icons:gold-bars" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:gold-bars" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:gold-bars" width="24" />

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:gold-bars"></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"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/keyline-icons/gold-bars.svg" alt="Gold Bars icon" width="24" height="24">

Related icons in Keyline Icons

Gold Bars icon in other icon sets

Gold Bars icon FAQ

Is the Gold Bars 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 icon in React?

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

How do I add the Gold Bars 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.svg" alt="Gold Bars icon">, or paste the SVG code inline to style it with CSS.

Browse all Keyline Icons →