Chart Curve Spline アイコン
ix:chart-curve-spline
Chart Curve Spline アイコン(ix:chart-curve-spline)は、Siemens Industrial Experience Icons セットの無料 SVG アイコンです（作者: Siemens AG）。 512 × 512 のグリッドで描かれています。 Siemens Industrial Experience Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Siemens Industrial Experience Icons
- 作者
- Siemens AG
- ライセンス
- MIT
- サイズ
- 512 × 512
- タグ
- chartcurve、curvespline、chartcurvespline
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" fill-rule="evenodd" d="m106.667 64l-.001 341.333H448V448H64V64zm170.666 42.667c29.222 0 49.877 16.812 63.332 45.645l1.425 3.129l2.643 6.29q.63 1.591 1.235 3.216l2.338 6.699q.566 1.731 1.121 3.538l2.188 7.582l2.172 8.435l2.225 9.499l2.346 10.773l6.423 31.316l2.457 11.229l2.404 10.19l2.373 9.192a284 284 0 0 0 2.36 8.232l2.37 7.31c7.536 21.734 15.503 30.203 26.78 30.996l1.808.062v42.667c-29.221 0-49.876-16.813-63.332-45.645l-1.425-3.13l-2.642-6.29q-.63-1.592-1.235-3.215l-2.338-6.7a201 201 0 0 1-1.121-3.537l-2.188-7.583l-2.172-8.435l-2.225-9.498l-2.346-10.773l-6.423-31.317l-2.457-11.229l-2.404-10.19l-2.373-9.192a284 284 0 0 0-2.36-8.231l-2.37-7.31c-7.933-22.878-16.343-31.059-28.589-31.059s-20.655 8.18-28.589 31.058l-2.369 7.31a261 261 0 0 0-1.18 3.999l-2.364 8.707a439 439 0 0 0-1.189 4.718l-2.404 10.19l-2.457 11.23l-6.423 31.316l-2.346 10.773l-2.225 9.498l-2.172 8.435l-2.188 7.583q-.555 1.805-1.12 3.537l-2.34 6.7a165 165 0 0 1-1.234 3.214l-2.643 6.291a182 182 0 0 1-1.425 3.13c-12.747 27.315-31.956 43.842-58.789 45.506l-4.543.139V320c12.246 0 20.656-8.18 28.59-31.058l2.368-7.31a261 261 0 0 0 1.18-3.999l2.365-8.706q.592-2.297 1.189-4.718l2.404-10.191l2.457-11.229l6.423-31.316l2.346-10.773l2.225-9.499l2.172-8.435l2.188-7.582q.555-1.807 1.12-3.538l2.34-6.7a165 165 0 0 1 1.234-3.214l2.642-6.291q.694-1.562 1.425-3.13c13.456-28.832 34.11-45.644 63.332-45.644"/></svg>
Chart Curve Spline アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="ix:chart-curve-spline" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ix:chart-curve-spline" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ix:chart-curve-spline" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ix--chart-curve-spline]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ix -->
<div class="i-ix:chart-curve-spline"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ix:chart-curve-spline"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/ix/chart-curve-spline.svg" alt="Chart Curve Spline アイコン" width="24" height="24">
Siemens Industrial Experience Icons の関連アイコン
Chart Curve Spline アイコン のよくある質問
Chart Curve Spline アイコンは商用利用でも無料ですか?
はい。Siemens Industrial Experience Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Chart Curve Spline アイコンを使うには?
@iconify/react をインストールして <Icon icon="ix:chart-curve-spline" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Chart Curve Spline アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ix/chart-curve-spline.svg" alt="Chart Curve Spline アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Siemens Industrial Experience Icons をすべて見る →
ICONYZ
