Gold Bars アイコン
streamline-ultimate-color:gold-bars
Gold Bars アイコン(streamline-ultimate-color:gold-bars)は、Ultimate color icons セットの無料 SVG アイコンです（作者: Streamline）。 24 × 24 のグリッドで描かれています。 Ultimate color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Ultimate color icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- お金・支払い・金融
- タグ
- goldbars、bar
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="#ffef5e" d="M9.73 12.765A.98.98 0 0 0 8.775 12H3.498a.98.98 0 0 0-.954.765l-1.52 6.841a.977.977 0 0 0 .959 1.19h8.313a.977.977 0 0 0 .954-1.19zm11.727 0a.98.98 0 0 0-.954-.765h-5.278a.976.976 0 0 0-.953.765l-1.521 6.841a.978.978 0 0 0 .96 1.19h8.312a.977.977 0 0 0 .954-1.19z"/><path fill="#ffef5e" d="M15.593 3.97a.98.98 0 0 0-.955-.765H9.361a.98.98 0 0 0-.954.765l-1.52 6.84a.977.977 0 0 0 .96 1.19h8.312a.978.978 0 0 0 .954-1.19z"/><path fill="#fff9bf" d="M10.375 5.924a.98.98 0 0 1 .953-.765h4.529l-.265-1.19a.98.98 0 0 0-.955-.764H9.36a.98.98 0 0 0-.954.765l-1.52 6.84a.977.977 0 0 0 .96 1.19h1.178z"/><path fill="#fff9bf" d="M4.511 14.72a.98.98 0 0 1 .955-.766h4.529l-.265-1.189A.98.98 0 0 0 8.775 12H3.498a.98.98 0 0 0-.954.765l-1.52 6.841a.977.977 0 0 0 .959 1.19h1.179zm11.728 0a.98.98 0 0 1 .954-.766h4.53l-.266-1.189a.98.98 0 0 0-.954-.765h-5.278a.976.976 0 0 0-.953.765l-1.521 6.841a.978.978 0 0 0 .96 1.19h1.178z"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M9.73 12.765A.98.98 0 0 0 8.775 12H3.498a.98.98 0 0 0-.954.765l-1.52 6.841a.977.977 0 0 0 .959 1.19h8.313a.977.977 0 0 0 .954-1.19zm11.727 0a.98.98 0 0 0-.954-.765h-5.278a.976.976 0 0 0-.953.765l-1.521 6.841a.978.978 0 0 0 .96 1.19h8.312a.977.977 0 0 0 .954-1.19z"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M15.593 3.97a.98.98 0 0 0-.955-.765H9.361a.98.98 0 0 0-.954.765l-1.52 6.84a.977.977 0 0 0 .96 1.19h8.312a.978.978 0 0 0 .954-1.19z"/><path stroke="#191919" stroke-linecap="round" stroke-linejoin="round" d="M12 5.16h-1.076a.49.49 0 0 0-.476.382l-.46 2.092m-3.853 6.321H5.06a.49.49 0 0 0-.477.383l-.465 2.092m13.745-2.475h-1.075a.49.49 0 0 0-.477.383l-.465 2.092"/></g></svg>Gold Bars アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-ultimate-color:gold-bars" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-ultimate-color:gold-bars" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-ultimate-color:gold-bars" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-ultimate-color--gold-bars]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-ultimate-color -->
<div class="i-streamline-ultimate-color:gold-bars"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-ultimate-color:gold-bars"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/gold-bars.svg" alt="Gold Bars アイコン" width="24" height="24">他のアイコンセットの Gold Bars アイコン
Gold Bars アイコン のよくある質問
Gold Bars アイコンは商用利用でも無料ですか?
はい。Ultimate color icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Gold Bars アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-ultimate-color:gold-bars" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Gold Bars アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-ultimate-color/gold-bars.svg" alt="Gold Bars アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。