Crystal Bars アイコン

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

はい。Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

game-icons:crystal-bars

Crystal Bars アイコン(game-icons:crystal-bars)は、Game Icons セットの無料 SVG アイコンです（作者: GameIcons）。 512 × 512 のグリッドで描かれています。 Game Icons は CC BY 3.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Game Icons
作者: GameIcons
ライセンス: CC-BY-3.0
サイズ: 512 × 512
タグ: crystalbars、bar

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="m196.844 14.125l-8.75 2.906l-43.22 13.44l-3.5 1.155l-1.75 2.938L30.75 206.593l-14 21.032l5.344 15.156L41.5 308.47l2.344 7l7.594-.595l74.156-4.687l6.437-.563l1.75-5.844l77.095-239.436l1.156-2.938l-1.155-2.906l-11.125-35.625l-2.03-6.094l-.032-.25h-.032l-.812-2.405zm123.812 5.25l-2.906 5.844l-18.125 40.874l-1.75 3.5l1.188 4.094L383.156 274l1.75 4.656l4.657 1.188l64.843 14.03l7.594 1.157V295l2.906-7l26.875-60.72l1.75-4.092l-1.75-4.094L390.157 28.688l-2.343-4.657l-5.25-.592l-55.47-3.5zM184.594 37.47l7.562 23.936l-.906 2.844l-89.594 174.125l23.625 31.094l-6.874 21.31l-32.78-42.5l-42.563-.842L38 230.188l1-1.563l46.094.938L183.72 37.75zm147.156 1.75l16.47.874l76.343 153.22l36.5 8.374l11.53 21.718l-48.468-10.656l-7.22 53.438l-18.436-3.844L407.093 201l-77.53-156.72l2.186-5.06zm-79.437 85.28l-5.25 3.5l-37.375 25.094l-3.5 2.344l-.594 4.093L166.47 416.5l-.564 5.25l4.063 3.5l76.53 63.656l6.406 5.282l5.844-5.282l75.344-66.562l4.094-2.938l-.594-4.656l-28.625-251.125l-.564-4.094l-4.093-2.342l-46.72-29.782l-5.28-2.906zm.562 22.53l19.5 12.095l12.25 202.406l30.844 24.908l2.843 24.812l-.875.78l-40.594-32.905l-75.156 48.188l-15.094-12.47l79.437-50.687l-13.155-217.125zm108.438 148.345l-7.5 37.563l32.218 94l33.595 14.968l19.438-39.375l-48.094-85.155zM108.625 350.5l-29.687 10.813L32 431.47l2.625 34.593l31.188-12.75l46.937-70.188z"/></svg>

Crystal Bars アイコンの使い方

React

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

<Icon icon="game-icons:crystal-bars" width="24" />

Vue

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

<template>
  <Icon icon="game-icons:crystal-bars" width="24" />
</template>

Svelte

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

<Icon icon="game-icons:crystal-bars" width="24" />

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:crystal-bars"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="game-icons:crystal-bars"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/game-icons/crystal-bars.svg" alt="Crystal Bars アイコン" width="24" height="24">

Game Icons の関連アイコン

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

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

はい。Game Icons は CC BY 3.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Game Icons をすべて見る →