Kubescape Dark アイコン
thesvg-color:kubescape-dark
Kubescape Dark アイコン(thesvg-color:kubescape-dark)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 127 × 117 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 127 × 117
- タグ
- kubescapedark
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="127" height="117" viewBox="0 0 127 117"><path fill="#fff" d="M53.52 23.2c-.09-.09-.18-.17-.28-.25s-.21-.15-.32-.2c-.05-.03-.11-.05-.16-.07c-.08-.04-.16-.06-.24-.09c-.26-.09-.53-.14-.81-.14h-9.49a2.56 2.56 0 0 0-2.56 2.56v49.64c0 .54.17 1.07.49 1.5l.09.12c.05.07.1.13.17.19c.48.48 1.13.75 1.81.75h9.49a2.56 2.56 0 0 0 2.56-2.56V25.01c0-.68-.27-1.33-.75-1.81m27.51 1.94c.02-.45-.09-.9-.3-1.3a2.6 2.6 0 0 0-1.22-1.13q-.12-.06-.24-.09c-.24-.09-.49-.13-.74-.13H69.5c-.43 0-.85.11-1.22.32c-.37.2-.69.5-.92.86L54.34 44.21l-.07.11l-1.58 2.49c-.24.38-.39.82-.39 1.28c-.02.46.09.91.31 1.31l1.66 2.99l.07.13l7.8 14.06h.01l7.03-12.21l1.04-1.79l-2.55-4.32a2.64 2.64 0 0 1-.35-1.37c.01-.48.16-.94.43-1.34l12.89-19.12l-.01-.01c.24-.39.38-.83.4-1.28"/><path fill="#fff" d="M126.34 68.92h.02q-.27-.855-.72-1.62l-10.4-18.02l-1.16-2.01l-.83-1.44c-.33-.57-.72-1.09-1.17-1.57l-.16-.16l-.02-.02h-.01a8.4 8.4 0 0 0-2.65-1.76c-.21-.09-.43-.17-.65-.23c-.28-.1-.57-.17-.86-.23c-.03-.01-.05-.01-.08-.02c-.51-.1-1.04-.15-1.57-.15H81.29c-1.2 0-2.38.26-3.46.76A8.3 8.3 0 0 0 75 44.59c-.33.38-.62.8-.88 1.23l-3.88 6.71l-.02.05l-1.04 1.79l-7.03 12.2h-.01l-.41.72s-.05.08-.07.13a8.23 8.23 0 0 0-1.03 4.09c.01 1.43.39 2.83 1.1 4.07l12.39 21.47s.04.07.07.1c.08.14.16.27.25.41c.07.11.15.22.23.32c.19.25.39.49.61.72c.03.03.06.07.1.1c.44.45.94.86 1.48 1.2c1.13.72 2.41 1.15 3.74 1.26h25.45c.27 0 .54-.01.81-.04l.06.1l8.74 13.97c.16.25.34.47.55.66c.05.06.11.12.17.16c.43.37.94.62 1.5.75c.92.21 1.88.05 2.68-.45l.53-.33a3.58 3.58 0 0 0 1.14-4.91l-8.95-14.24l12.29-21.29a8.28 8.28 0 0 0 .77-6.62m-11.5 7.18l-9.25 15.99H81.74l-.06-.1l-8.49-14.72l-.05-.08l-.61-1.06l-2.73-4.73l4.67-8.09l.79-1.36l.23-.41l.03-.04l2.79-4.82l3.38-5.86h24l.04.07l3.39 5.85l.07.13l1.41 2.43l.06.12l.02.03l6.86 11.97l-2.71 4.68Z"/><path fill="#fff" d="m112.08 44.26l-.16-.16l-.02-.02h-.01a8.4 8.4 0 0 0-2.65-1.76c-.21-.09-.43-.17-.65-.23c-.28-.1-.57-.17-.86-.23c-.03-.01-.05-.01-.08-.02S86.4 5.03 86.4 5.03a5.1 5.1 0 0 0-1.82-1.81c-.32-.19-.65-.34-.99-.44c-.03-.01-.07-.02-.11-.03s-.08-.03-.12-.03c-.04-.02-.08-.03-.12-.04a4 4 0 0 0-.47-.09c-.09-.01-.17-.01-.25-.02c-.11-.01-.22-.02-.33-.02H32.38c-.15 0-.3.01-.45.02c-.07 0-.15.02-.23.03c-.1.01-.19.03-.29.05c-.21.04-.41.09-.62.16c0 .01-.02.01-.04.01c-.19.06-.38.14-.56.24c-.01.01-.02.01-.03.01c-.09.05-.18.1-.26.15c-.75.44-1.38 1.07-1.81 1.82L3.22 48.16a6 6 0 0 0-.4.88c-.11.31-.18.63-.22.95c-.03.22-.04.43-.04.65c0 .2.01.4.04.6c.09.64.3 1.27.62 1.83l24.86 43.05c.43.75 1.06 1.37 1.81 1.81c.76.44 1.61.67 2.48.67h42.91s.06.07.1.1c.44.45.94.86 1.48 1.2c1.13.72 2.41 1.15 3.74 1.26h2.68c-.36.06-.73.09-1.1.09H32.4c-1.32 0-2.62-.35-3.76-1.01a7.55 7.55 0 0 1-2.75-2.75L1.01 54.39c-.21-.37-.39-.75-.53-1.15a5 5 0 0 1-.14-.4q-.09-.27-.15-.54c-.06-.24-.1-.49-.13-.74c-.04-.3-.06-.62-.06-.93c0-.33.02-.66.06-.98c.03-.25.08-.49.13-.74l.15-.54c.04-.14.09-.27.14-.4c.14-.4.32-.78.53-1.15L25.87 3.76c.66-1.14 1.6-2.09 2.74-2.75c.4-.23.82-.43 1.26-.58c.15-.05.29-.09.44-.14c.2-.05.4-.1.6-.14Q31.63 0 32.38 0h49.81c.13 0 .27 0 .4.02c1.18.05 2.34.4 3.36.98c1.14.67 2.09 1.62 2.75 2.76l23.27 40.31z"/><path fill="#fff" d="M2.82 49.04c-.1.31-.18.63-.22.95c.04-.32.11-.64.22-.95M83.36 2.72l-.12-.03a4 4 0 0 0-.47-.09c-.09-.01-.17-.01-.25-.02h-.33v-.02c.11 0 .22.01.33.02c.08 0 .16 0 .25.02c.16.02.31.05.47.09c.04.01.08.02.12.04ZM53.59 23.23c-.11-.11-.23-.21-.35-.28c-.1-.08-.21-.15-.32-.2c-.05-.03-.11-.05-.16-.07c-.08-.04-.16-.06-.24-.09c-.23-.07-.48-.11-.74-.11h-9.5a2.56 2.56 0 0 0-2.56 2.56v49.69c0 .51.15 1 .43 1.42l.09.12c.05.07.1.13.17.19c.01.03.03.05.06.08c.48.48 1.13.75 1.81.75h9.5a2.56 2.56 0 0 0 2.56-2.56V25.04c0-.68-.27-1.33-.75-1.81m27.14 3.23h-.02c.24-.38.38-.83.4-1.28c.02-.46-.09-.91-.3-1.31a2.6 2.6 0 0 0-1.3-1.16q-.12-.06-.24-.09c-.22-.06-.45-.1-.67-.1h-9.04c-.43 0-.85.11-1.22.32c-.37.2-.69.5-.92.86L54.34 44.34l-.07.11l-1.53 2.41c-.24.39-.38.83-.39 1.29c-.02.46.09.91.31 1.31l1.61 2.9l.07.13l7.81 14.08l7.03-12.2l1.04-1.79l.02-.05l-2.49-4.22a2.64 2.64 0 0 1-.35-1.37c0-.48.16-.94.43-1.34z"/></svg>Kubescape Dark アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:kubescape-dark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:kubescape-dark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:kubescape-dark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--kubescape-dark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:kubescape-dark"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:kubescape-dark"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/kubescape-dark.svg" alt="Kubescape Dark アイコン" width="24" height="24">theSVG Color の関連アイコン
Kubescape Dark アイコン のよくある質問
Kubescape Dark アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Kubescape Dark アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:kubescape-dark" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Kubescape Dark アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/kubescape-dark.svg" alt="Kubescape Dark アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。