Kpi Filled アイコン
ix:kpi-filled
Kpi Filled アイコン(ix:kpi-filled)は、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
- タグ
- kpifilled
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="M384 170.665h85.333l-42.667-85.333zm-235.307 42.667v-20q24.584-20.667 36.75-32.333q13-12.5 17.5-19.084q4.583-6.666 4.583-13.083q0-6.583-5.5-10.667q-5.416-4.166-14.167-4.166q-12.5 0-31.5 8.083l-6.666-20.667q21-8.25 41.416-8.25q20.167 0 31.334 8.667q11.75 9.084 11.75 25.833q0 10.667-4.75 19.417q-4.667 8.75-17.084 21.167q-10.25 10.25-26.416 24.25h49.25v20.833zm116.557-4.583l5.75-20.75q14.5 6.75 30.917 6.75q13.583 0 19.25-5.667q4.416-4.25 4.416-10.667q0-9.25-8.583-13.416q-6.333-3.084-19.917-3.084q-5.083 0-13.25.334v-19.417q3.917.167 7.75.167q18.917 0 26-4.084q6.917-3.917 6.917-10.916q0-6.75-5.333-10.334q-5.25-3.666-15.167-3.666q-12.833 0-29.417 6.416L269 99.915q18.583-6.75 38.833-6.75q19.334 0 30.5 7.167q12.75 8.25 12.75 25.417q0 11.666-6 18.333q-6 6.583-18.416 8.5q12.333 1.833 18.5 7.833q7.083 7 7.083 19.167q0 11-5.833 19.583q-5.667 8.417-15.834 12.417t-25.916 4q-21.75 0-39.417-6.833m-175.5-85.834v90.417h25.75V95.249H92.667l-37.75 22.166l12 19.75zm360.282 124.711v200.371L64 446.263V326.734l86.858 82.577l135.11-141.474l67.556 70.737z" clip-rule="evenodd"/></svg>Kpi Filled アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="ix:kpi-filled" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ix:kpi-filled" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ix:kpi-filled" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ix--kpi-filled]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ix -->
<div class="i-ix:kpi-filled"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ix:kpi-filled"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/ix/kpi-filled.svg" alt="Kpi Filled アイコン" width="24" height="24">Siemens Industrial Experience Icons の関連アイコン
Kpi Filled アイコン のよくある質問
Kpi Filled アイコンは商用利用でも無料ですか?
はい。Siemens Industrial Experience Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Kpi Filled アイコンを使うには?
@iconify/react をインストールして <Icon icon="ix:kpi-filled" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Kpi Filled アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ix/kpi-filled.svg" alt="Kpi Filled アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。