Kubescape Light アイコン

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

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

thesvg-color:kubescape-light

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="127" height="117" viewBox="0 0 127 117"><path fill="#2916fc" d="M32.4 99.9c-1.1 0-2.2-.3-3.1-.8s-1.7-1.3-2.3-2.3L2.1 53.7c-.5-1-.8-2-.8-3.1s.3-2.2.8-3.1L27 4.4c.5-1 1.3-1.7 2.3-2.3c1-.5 2-.8 3.1-.8h49.7c1.1 0 2.2.3 3.1.8s1.7 1.3 2.3 2.3l24.9 43.1c.6 1 .8 2 .8 3.1s-.3 2.2-.8 3.1L87.5 96.8c-.6.9-1.3 1.7-2.3 2.3s-2 .8-3.1.8z"/><path fill="#fff" d="M82.1 2.6c.9 0 1.7.2 2.5.7s1.4 1 1.8 1.7l24.9 43.1c.4.8.7 1.6.7 2.5s-.2 1.7-.7 2.5l-24.9 43c-.4.8-1.1 1.4-1.8 1.8c-.8.4-1.6.7-2.5.7H32.4c-.9 0-1.7-.2-2.5-.7c-.8-.4-1.4-1.1-1.8-1.8l-24.9-43c-.4-.8-.7-1.6-.7-2.5s.2-1.7.7-2.5L28.1 5c.4-.8 1.1-1.4 1.8-1.8s1.6-.7 2.5-.7zm0-2.6H32.4c-1.3 0-2.6.3-3.7 1S26.6 2.6 26 3.8l-25 43c-.7 1.1-1 2.4-1 3.8s.3 2.6 1 3.8l24.9 43.1c.7 1.1 1.6 2.1 2.8 2.8s2.4 1 3.8 1h49.7c1.3 0 2.6-.3 3.8-1s2.1-1.6 2.8-2.8l24.9-43.1c.7-1.1 1-2.4 1-3.8s-.3-2.6-1-3.8l-25.1-43C87.9 2.6 87 1.7 85.9 1s-2.5-1-3.8-1"/><path fill="#fff" d="M54.3 25v49.6c0 .7-.3 1.3-.8 1.8s-1.1.8-1.8.8h-9.5c-.7 0-1.3-.3-1.8-.8s-.8-1.1-.8-1.8V25c0-.7.3-1.3.8-1.8s1.1-.8 1.8-.8h9.5c.7 0 1.3.3 1.8.8s.8 1.1.8 1.8m26.3 1.4L67.8 45.6c-.3.4-.4.9-.4 1.3s.1 1 .3 1.4l14.8 25.1c.2.4.3.8.3 1.3c0 .4-.1.9-.3 1.3q-.3.6-.9.9c-.6.3-.8.3-1.3.3H69.5c-.4 0-.9-.1-1.3-.3s-.7-.6-.9-.9L52.6 49.4c-.2-.4-.3-.8-.3-1.3s.2-.9.4-1.3l14.7-23.1c.2-.4.6-.7.9-.9q.6-.3 1.2-.3h9c.4 0 .9.1 1.3.4c.4.2.7.6.9 1s.3.9.3 1.3s-.1.8-.4 1.2"/><linearGradient id="SVGBdAHJeux" x1="69.82" x2="110.69" y1="1033.445" y2="1033.445" gradientTransform="translate(0 -962)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ff7879"/><stop offset=".21" stop-color="#fc777b"/><stop offset=".36" stop-color="#f27281"/><stop offset=".5" stop-color="#e26b8a"/><stop offset=".63" stop-color="#cb6098"/><stop offset=".75" stop-color="#ae52aa"/><stop offset=".86" stop-color="#8a41c0"/><stop offset=".98" stop-color="#602eda"/><stop offset="1" stop-color="#5529e0"/></linearGradient><path fill="url(#SVGBdAHJeux)" d="M110.7 59.5L91.8 92.1h-10l-9.2-16l-2.7-4.7l4.7-8.1l3.8-6.6l3.4-6h23.9z"/><path fill="#fff" d="M79.8 77.2h-9.1l-.6-1l-2.7-4.7l4.7-8.1l2-3.4L82 73.4c.2.4.3.8.3 1.3c0 .4-.1.9-.3 1.3q-.3.6-.9.9c-.4.2-.9.3-1.3.3" opacity=".68"/><path fill="#2916fc" d="M32.4 100c-1.1 0-2.2-.3-3.1-.8c-1-.6-1.7-1.3-2.3-2.3L2.1 53.8c-.5-1-.8-2-.8-3.1s.3-2.2.8-3.1L27 4.4c.5-1 1.3-1.7 2.3-2.3c1-.5 2-.8 3.1-.8h49.8c1.1 0 2.2.3 3.1.8s1.7 1.3 2.3 2.3l24.9 43.1c.6 1 .8 2 .8 3.1s-.3 2.2-.8 3.1L87.6 96.9c-.6.9-1.3 1.7-2.3 2.3c-.9.6-2 .8-3.1.8z"/><path fill="#fff" d="M82.2 2.6c.9 0 1.7.2 2.5.7s1.4 1.1 1.8 1.8l24.9 43.1c.4.8.7 1.6.7 2.5s-.2 1.7-.7 2.5l-24.9 43c-.4.8-1.1 1.4-1.8 1.8s-1.6.7-2.5.7H32.4c-.9 0-1.7-.2-2.5-.7c-.8-.4-1.4-1.1-1.8-1.8L3.2 53.1c-.4-.8-.7-1.6-.7-2.5s.2-1.7.7-2.5L28.1 5c.4-.8 1.1-1.4 1.8-1.8s1.6-.7 2.5-.7zm0-2.6H32.4c-1.3 0-2.6.3-3.8 1s-2.1 1.6-2.7 2.8L1 46.9c-.7 1.1-1 2.4-1 3.8s.3 2.6 1 3.8l24.9 43.1c.7 1.1 1.6 2.1 2.8 2.8s2.4 1 3.8 1h49.8c1.3 0 2.6-.3 3.8-1s2.1-1.6 2.8-2.8l24.9-43.1c.7-1.1 1-2.4 1-3.8s-.3-2.6-1-3.8L88.7 3.8C88 2.6 87.1 1.7 85.9 1c-1.1-.7-2.4-1-3.7-1"/><path fill="#fff" d="M54.3 25v49.7c0 .7-.3 1.3-.8 1.8s-1.1.8-1.8.8h-9.5c-.7 0-1.3-.3-1.8-.8s-.8-1.1-.8-1.8V25c0-.7.3-1.3.8-1.8s1.1-.8 1.8-.8h9.5c.7 0 1.3.3 1.8.8s.8 1.2.8 1.8m26.4 1.5L67.8 45.6c-.3.4-.4.9-.4 1.3s.1 1 .3 1.4l14.8 25.1c.2.4.3.8.3 1.3c0 .4-.1.9-.3 1.3q-.3.6-.9.9c-.6.3-.8.3-1.3.3H69.6c-.4 0-.9-.1-1.3-.3s-.7-.6-.9-.9L52.7 49.5c-.2-.4-.3-.8-.3-1.3s.2-.9.4-1.3l14.7-23.2c.2-.4.6-.7.9-.9q.6-.3 1.2-.3h9c.4 0 .9.1 1.3.4s.7.6.9 1s.3.9.3 1.3s-.2.9-.4 1.3"/><linearGradient id="SVGWOB7IbSV" x1="69.89" x2="110.79" y1="1033.515" y2="1033.515" gradientTransform="translate(0 -962)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ff7879"/><stop offset=".21" stop-color="#fc777b"/><stop offset=".36" stop-color="#f27281"/><stop offset=".5" stop-color="#e26b8a"/><stop offset=".63" stop-color="#cb6098"/><stop offset=".75" stop-color="#ae52aa"/><stop offset=".86" stop-color="#8a41c0"/><stop offset=".98" stop-color="#602eda"/><stop offset="1" stop-color="#5529e0"/></linearGradient><path fill="url(#SVGWOB7IbSV)" d="M110.8 59.5L91.9 92.2H81.8l-9.2-16l-2.7-4.7l4.7-8.1l3.8-6.6l3.4-6h23.9z"/><path fill="#fff" d="M79.9 77.3h-9.1l-.6-1l-2.7-4.7l4.7-8.1l2-3.4l7.9 13.4c.2.4.3.8.3 1.3c0 .4-.1.9-.3 1.3q-.3.6-.9.9c-.6.3-.9.3-1.3.3" opacity=".68"/><path fill="#0c162d" d="M126.5 69c-.2-.6-.4-1.1-.7-1.6l-10.4-18l-1.2-2l-.8-1.5c-.4-.6-.8-1.2-1.3-1.7c-1.6-1.5-3.7-2.4-5.8-2.4H81.4c-1.2 0-2.4.3-3.5.8s-2.1 1.2-2.8 2.1l-.9 1.2l-4.9 8.6l-7.5 12.9s0 .1-.1.1c-.7 1.2-1 2.7-1 4.1s.4 2.8 1.1 4.1l12.4 21.5c.7 1.2 1.6 2.1 2.7 2.8s2.4 1.2 3.8 1.3H107l8.8 14.1c.5.8 1.3 1.4 2.2 1.6s1.9.1 2.7-.4l.5-.3c.8-.5 1.4-1.3 1.6-2.2s.1-1.9-.4-2.7l-9-14.2l12.3-21.3c.6-1 .9-2.1 1.1-3.2c.1-1.4 0-2.6-.3-3.7M115 76.2l-9.2 16H81.9l-.1-.1l-9.2-15.9l-2.7-4.7l4.7-8.1l3.8-6.6l3.4-5.9h24l5 8.6l6.9 12z"/></svg>

Kubescape Light アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

theSVG Color の関連アイコン

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

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

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

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

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

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

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

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