Kserve Light アイコン

Q: Kserve Light アイコンは商用利用でも無料ですか?

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

thesvg-color:kserve-light

Kserve Light アイコン(thesvg-color:kserve-light)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 256 × 256 のグリッドで描かれています。 theSVG Color icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: theSVG Color
作者: thesvg.org
ライセンス: MIT
サイズ: 256 × 256
タグ: kservelight

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="#326ce5" d="M128 11.457a4.5 4.5 0 0 0-1.934.44L34.08 56.1a4.47 4.47 0 0 0-2.42 3.034L8.89 159.155a4.47 4.47 0 0 0 .855 3.765l63.406 79.93a4.47 4.47 0 0 0 3.498 1.69h102.7a4.47 4.47 0 0 0 3.498-1.69l63.406-79.93a4.47 4.47 0 0 0 .855-3.765l-22.773-100.02a4.47 4.47 0 0 0-2.418-3.034l-91.984-44.205a4.5 4.5 0 0 0-1.933-.439" color="#000"/><path fill="#f9fafd" d="M143.8 72.232c-11.942.512-23.322 6.436-31.242 15.282c-1.95 2.131-3.605 4.505-5.264 6.86c-.65.802-1.793 1.326-2.763.771c-2.313-.887-4.348-2.412-6.765-3.044c-5.996-1.948-12.644-1.084-18.279 1.592c-5.844 2.665-10.742 7.392-13.459 13.227c-1.054 2.097-1.75 4.35-2.771 6.454c-1.141 1.871-3.236 2.856-5.309 3.3c-3.44.95-6.585 2.764-9.306 5.056a39 39 0 0 0-9.357 11.504c-3.245 6.215-4.309 13.462-3.3 20.378c.964 7.749 4.103 15.437 9.813 20.9c5.133 5.04 12.07 7.966 19.15 8.878c4.49.642 9.035.409 13.546.179c19.888-.744 39.788.15 59.681-.03c18.175-.01 36.351.023 54.525-.01c8.22-.4 15.942-4.94 20.81-11.498c6.837-8.965 8.817-21.477 4.793-32.046c-2.195-6.338-6.118-12.343-11.944-15.872c-3.45-2.175-7.391-3.44-11.37-4.207c-1.5-.69-1.659-2.544-1.973-3.965c-2.22-11.007-6.975-21.667-14.598-30c-8.794-9.368-21.862-14.23-34.618-13.71zm2.123 9.34c10.425.144 20.526 5.506 26.844 13.772c5.723 7.21 9.062 16.156 9.706 25.305c.181 1.986.083 4.05.345 6.047c.281 1.334 1.507 2.416 2.899 2.37c2.528.23 5.088-.193 7.598.305c4.125.605 8.02 2.739 10.63 6.008c4.707 5.565 6.28 13.285 5.187 20.389c-.873 5.814-3.757 11.489-8.561 15.01c-2.682 2-6.07 3.263-9.478 3.172c-35.006.033-70.014.053-105.02.048c-5.185-.024-10.374.041-15.558-.038c-.812-.065-1.675-.051-2.372-.431c4.527-3.918 9.13-7.763 13.673-11.668c5.962-5.09 11.913-10.192 17.87-15.287l19.236 16.225l37.424-31.934l11.375 9.857q-.924-13.185-1.851-26.371q-15.387-.952-30.773-1.9l10.713 9.285l-26.324 22.459l-18.14-15.3c-15.13 12.9-30.22 25.848-45.408 38.675c-.755.608-2.028.756-2.634-.14c-3.39-3.247-5.342-7.697-6.228-12.22c-1.366-7.267.069-15.085 4.113-21.257c2.688-4.075 6.69-7.561 11.38-8.89c2.304-.62 4.762-.415 7.116-.224c1.353.087 3.012-.433 3.388-1.9c.488-1.637.258-3.382.605-5.05c.619-4.616 2.416-9.314 6.004-12.459c3.455-3.148 8.187-5.145 12.907-4.665c2.762.333 5.604 1.603 7.777 3.48c3.099 2.661 5.207 6.231 7.943 9.217c1.158 1.2 1.381.869 1.967-1.414a41.2 41.2 0 0 1 10.956-18.842c4.5-4.506 9.874-8.285 15.938-10.338a29 29 0 0 1 8.752-1.297z" class="cls-2"/></svg>

Kserve Light アイコンの使い方

React

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

<Icon icon="thesvg-color:kserve-light" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:kserve-light" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:kserve-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--kserve-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:kserve-light"></div>

Web コンポーネント

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

<iconify-icon icon="thesvg-color:kserve-light"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg-color/kserve-light.svg" alt="Kserve Light アイコン" width="24" height="24">

theSVG Color の関連アイコン

Kserve Light アイコンのよくある質問

Kserve Light アイコンは商用利用でも無料ですか?

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

React で Kserve Light アイコンを使うには?

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

Kserve Light アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/kserve-light.svg" alt="Kserve Light アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

theSVG Color アイコンをすべて見る →