Chart Line Increasing Sparkles Fill アイコン
keyline-icons:chart-line-increasing-sparkles-fill
Chart Line Increasing Sparkles Fill アイコン(keyline-icons:chart-line-increasing-sparkles-fill)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Keyline Icons
- 作者
- Keyline Icons
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- chartline、lineincreasing、increasingsparkles、sparklesfill、chartlineincreasingsparklesfill、sparkle
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="M3 3L3 19C3 20.1046 3.8954 21 5 21L21 21M17.3188 10C15.3614 12.7069 11.9477 15.6811 7 16"/><path fill="currentColor" d="M10.5492 3.3739L11.1373 4.8648C11.3173 5.3213 11.6787 5.6827 12.1352 5.8627L13.6261 6.4508C13.8518 6.5397 14 6.7576 14 7C14 7.2424 13.8518 7.4603 13.6261 7.5492L12.1352 8.1373C11.6787 8.3173 11.3173 8.6787 11.1373 9.1352L10.5492 10.6261C10.4603 10.8518 10.2424 11 10 11C9.7576 11 9.5397 10.8518 9.4508 10.6261L8.8627 9.1352C8.6827 8.6787 8.3213 8.3173 7.8648 8.1373L6.3739 7.5492C6.1482 7.4603 6 7.2424 6 7C6 6.7576 6.1482 6.5397 6.3739 6.4508L7.8648 5.8627C8.3213 5.6827 8.6827 5.3213 8.8627 4.8648L9.4508 3.3739C9.5397 3.1482 9.7576 3 10 3C10.2424 3 10.4603 3.1482 10.5492 3.3739ZM17.8433 2.2337L18.2108 3.1655C18.3233 3.4508 18.5492 3.6767 18.8345 3.7892L19.7663 4.1567C19.9074 4.2123 20 4.3485 20 4.5C20 4.6515 19.9074 4.7877 19.7663 4.8433L18.8345 5.2108C18.5492 5.3233 18.3233 5.5492 18.2108 5.8345L17.8433 6.7663C17.7877 6.9074 17.6515 7 17.5 7C17.3485 7 17.2123 6.9074 17.1567 6.7663L16.7892 5.8345C16.6767 5.5492 16.4508 5.3233 16.1655 5.2108L15.2337 4.8433C15.0926 4.7877 15 4.6515 15 4.5C15 4.3485 15.0926 4.2123 15.2337 4.1567L16.1655 3.7892C16.4508 3.6767 16.6767 3.4508 16.7892 3.1655L17.1567 2.2337C17.2123 2.0926 17.3485 2 17.5 2C17.6515 2 17.7877 2.0926 17.8433 2.2337Z" stroke="none"/></g></svg>Chart Line Increasing Sparkles Fill アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="keyline-icons:chart-line-increasing-sparkles-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="keyline-icons:chart-line-increasing-sparkles-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="keyline-icons:chart-line-increasing-sparkles-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--chart-line-increasing-sparkles-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:chart-line-increasing-sparkles-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-line-increasing-sparkles-fill"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/keyline-icons/chart-line-increasing-sparkles-fill.svg" alt="Chart Line Increasing Sparkles 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 Line Increasing Sparkles Fill アイコン のよくある質問
Chart Line Increasing Sparkles Fill アイコンは商用利用でも無料ですか?
はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Chart Line Increasing Sparkles Fill アイコンを使うには?
@iconify/react をインストールして <Icon icon="keyline-icons:chart-line-increasing-sparkles-fill" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Chart Line Increasing Sparkles Fill アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/keyline-icons/chart-line-increasing-sparkles-fill.svg" alt="Chart Line Increasing Sparkles Fill アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。