ICONYZ
日本語
Keyline Icons の Chart Spline Sparkles アイコン

Chart Spline Sparkles アイコン

keyline-icons:chart-spline-sparkles

Chart Spline Sparkles アイコン(keyline-icons:chart-spline-sparkles)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Keyline Icons
作者
Keyline Icons
ライセンス
MIT
サイズ
24 × 24
タグ
chartspline、splinesparkles、chartsplinesparkles、sparkle
SVG をダウンロード

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="M4 12L4 20C4 21.1046 4.8954 22 6 22L22 22M8 18C11.2098 17.3367 13.8536 15.0706 15 12C16.1464 8.9294 18.7902 6.6633 22 6"/><path fill="currentColor" d="M5.5492 1.3739L6.1373 2.8648C6.3173 3.3213 6.6787 3.6827 7.1352 3.8627L8.6261 4.4508C8.8518 4.5397 9 4.7576 9 5C9 5.2424 8.8518 5.4603 8.6261 5.5492L7.1352 6.1373C6.6787 6.3173 6.3173 6.6787 6.1373 7.1352L5.5492 8.6261C5.4603 8.8518 5.2424 9 5 9C4.7576 9 4.5397 8.8518 4.4508 8.6261L3.8627 7.1352C3.6827 6.6787 3.3213 6.3173 2.8648 6.1373L1.3739 5.5492C1.1482 5.4603 1 5.2424 1 5C1 4.7576 1.1482 4.5397 1.3739 4.4508L2.8648 3.8627C3.3213 3.6827 3.6827 3.3213 3.8627 2.8648L4.4508 1.3739C4.5397 1.1482 4.7576 1 5 1C5.2424 1 5.4603 1.1482 5.5492 1.3739ZM13.8433 1.2337L14.2108 2.1655C14.3233 2.4508 14.5492 2.6767 14.8345 2.7892L15.7663 3.1567C15.9074 3.2123 16 3.3485 16 3.5C16 3.6515 15.9074 3.7877 15.7663 3.8433L14.8345 4.2108C14.5492 4.3233 14.3233 4.5492 14.2108 4.8345L13.8433 5.7663C13.7877 5.9074 13.6515 6 13.5 6C13.3485 6 13.2123 5.9074 13.1567 5.7663L12.7892 4.8345C12.6767 4.5492 12.4508 4.3233 12.1655 4.2108L11.2337 3.8433C11.0926 3.7877 11 3.6515 11 3.5C11 3.3485 11.0926 3.2123 11.2337 3.1567L12.1655 2.7892C12.4508 2.6767 12.6767 2.4508 12.7892 2.1655L13.1567 1.2337C13.2123 1.0926 13.3485 1 13.5 1C13.6515 1 13.7877 1.0926 13.8433 1.2337Z" stroke="none"/></g></svg>

Chart Spline Sparkles アイコンの使い方

React

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

<Icon icon="keyline-icons:chart-spline-sparkles" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:chart-spline-sparkles" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:chart-spline-sparkles" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--chart-spline-sparkles]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:chart-spline-sparkles"></div>

Web コンポーネント

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

<iconify-icon icon="keyline-icons:chart-spline-sparkles"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/keyline-icons/chart-spline-sparkles.svg" alt="Chart Spline Sparkles アイコン" width="24" height="24">

Keyline Icons の関連アイコン

Chart Spline Sparkles アイコン のよくある質問

Chart Spline Sparkles アイコンは商用利用でも無料ですか?

はい。Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Chart Spline Sparkles アイコンを使うには?

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

Chart Spline Sparkles アイコンをウェブページに追加するには?

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

Keyline Icons をすべて見る →