Chart Stock Up Sharp Fill アイコン
keyline-icons:chart-stock-up-sharp-fill
Chart Stock Up Sharp Fill アイコン(keyline-icons:chart-stock-up-sharp-fill)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Keyline Icons
- 作者
- Keyline Icons
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- chartstock、stockup、upsharp、sharpfill、chartstockupsharpfill
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="M3 2L21 2C21.5523 2 22 2.4477 22 3L22 21C22 21.5523 21.5523 22 21 22L3 22C2.4477 22 2 21.5523 2 21L2 3C2 2.4477 2.4477 2 3 2ZM4.001 12.5848L4.001 15.4132L7 12.4142L9.2929 14.7071C9.4804 14.8946 9.7348 15 10 15C10.2652 15 10.5196 14.8946 10.7071 14.7071L15 10.4142L16.2929 11.7071C16.4804 11.8946 16.7348 12 17 12C17.2652 12 17.5196 11.8946 17.7071 11.7071L19.999 9.4152L19.999 6.5868L17 9.5858L15.7071 8.2929C15.5196 8.1054 15.2652 8 15 8C14.7348 8 14.4804 8.1054 14.2929 8.2929L10 12.5858L7.7071 10.2929C7.5196 10.1054 7.2652 10 7 10C6.7348 10 6.4804 10.1054 6.2929 10.2929L4.001 12.5848Z" clip-rule="evenodd"/></svg>Chart Stock Up Sharp Fill アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:chart-stock-up-sharp-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:chart-stock-up-sharp-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:chart-stock-up-sharp-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--chart-stock-up-sharp-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:chart-stock-up-sharp-fill"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="keyline-icons:chart-stock-up-sharp-fill"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/keyline-icons/chart-stock-up-sharp-fill.svg" alt="Chart Stock Up Sharp Fill アイコン" width="24" height="24">Keyline Icons の関連アイコン
chart-area
chart-area-duotone
chart-area-fill
chart-area-sharp
chart-area-sharp-duotone
chart-area-sharp-fill
chart-area-sharp-two-tone
chart-area-sparkles
chart-area-sparkles-duotone
chart-area-sparkles-fill
chart-area-sparkles-sharp
chart-area-sparkles-sharp-duotone
chart-area-sparkles-sharp-fill
chart-area-sparkles-sharp-two-tone
chart-area-sparkles-two-tone
chart-area-two-tone
chart-bar
chart-bar-big
chart-bar-big-duotone
chart-bar-big-fill
chart-bar-big-sharp
chart-bar-big-sharp-duotone
chart-bar-big-sharp-fill
chart-bar-big-sharp-two-tone
Chart Stock Up Sharp Fill アイコン のよくある質問
Chart Stock Up Sharp Fill アイコンは商用利用でも無料ですか?
はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Chart Stock Up Sharp Fill アイコンを使うには?
@iconify/react をインストールして <Icon icon="keyline-icons:chart-stock-up-sharp-fill" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Chart Stock Up Sharp Fill アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/chart-stock-up-sharp-fill.svg" alt="Chart Stock Up Sharp Fill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。