Chart Column Big アイコン
vadivam:chart-column-big
Chart Column Big アイコン(vadivam:chart-column-big)は、Vadivam セットの無料 SVG アイコンです(作者: Praveen Juge)。 24 × 24 のグリッドで描かれています。 Vadivam icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Vadivam
- 作者
- Praveen Juge
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- chartcolumn、columnbig、chartcolumnbig
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M22 22H8a6 6 0 0 1-6-6V2"/><path d="M14.636 16.25V5.75c0-.464.173-.91.48-1.237A1.58 1.58 0 0 1 16.273 4h1.09c.435 0 .85.184 1.158.513c.307.328.479.773.479 1.237v10.5c0 .464-.172.91-.48 1.237a1.58 1.58 0 0 1-1.156.513h-1.091c-.434 0-.85-.184-1.157-.513a1.8 1.8 0 0 1-.48-1.237M7 16.25v-5.833c0-.464.172-.91.48-1.238a1.58 1.58 0 0 1 1.156-.512h1.091c.434 0 .85.184 1.157.512s.48.774.48 1.238v5.833c0 .464-.173.91-.48 1.237A1.58 1.58 0 0 1 9.727 18h-1.09c-.435 0-.85-.184-1.158-.513A1.8 1.8 0 0 1 7 16.25"/></g></svg>Chart Column Big アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="vadivam:chart-column-big" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="vadivam:chart-column-big" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="vadivam:chart-column-big" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[vadivam--chart-column-big]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/vadivam -->
<div class="i-vadivam:chart-column-big"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="vadivam:chart-column-big"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/vadivam/chart-column-big.svg" alt="Chart Column Big アイコン" width="24" height="24">Vadivam の関連アイコン
他のアイコンセットの Chart Column Big アイコン
Chart Column Big アイコン のよくある質問
Chart Column Big アイコンは商用利用でも無料ですか?
はい。Vadivam icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Chart Column Big アイコンを使うには?
@iconify/react をインストールして <Icon icon="vadivam:chart-column-big" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Chart Column Big アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/vadivam/chart-column-big.svg" alt="Chart Column Big アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。