Gold Bars Fill アイコン

Q: Gold Bars Fill アイコンは商用利用でも無料ですか?

はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

keyline-icons:gold-bars-fill

Gold Bars Fill アイコン(keyline-icons:gold-bars-fill)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Keyline Icons
作者: Keyline Icons
ライセンス: MIT
サイズ: 24 × 24
タグ: goldbars、barsfill、goldbarsfill、bar

SVG をダウンロード

SVG コード

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

Gold Bars Fill アイコンの使い方

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 コンポーネント

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

<img src="https://iconyz.com/api/public/svg/keyline-icons/gold-bars-fill.svg" alt="Gold Bars Fill アイコン" width="24" height="24">

Keyline Icons の関連アイコン

Gold Bars Fill アイコンのよくある質問

Gold Bars Fill アイコンは商用利用でも無料ですか?

はい。Keyline Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Gold Bars Fill アイコンを使うには?

@iconify/react をインストールして <Icon icon="keyline-icons:gold-bars-fill" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Gold Bars Fill アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/gold-bars-fill.svg" alt="Gold Bars Fill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Keyline Icons をすべて見る →