Etcd Cluster アイコン

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

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

k8s:etcd-cluster

Etcd Cluster アイコン(k8s:etcd-cluster)は、Kubernetes Icons セットの無料 SVG アイコンです（作者: The Kubernetes Authors）。 18 × 18 のグリッドで描かれています。 Kubernetes Icons は Apache 2.0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Kubernetes Icons
作者: The Kubernetes Authors
ライセンス: Apache-2.0
サイズ: 18 × 18
タグ: etcdcluster

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18"><g stroke-width="0"><path fill="#326ce5" d="M8.958.463a1.136 1.126 0 0 0-.435.11l-5.94 2.838a1.136 1.126 0 0 0-.615.764L.503 10.55a1.136 1.126 0 0 0 .154.864a1.136 1.126 0 0 0 .065.09l4.111 5.111a1.136 1.126 0 0 0 .888.424l6.593-.002a1.136 1.126 0 0 0 .888-.423l4.11-5.112a1.136 1.126 0 0 0 .219-.953l-1.468-6.375a1.136 1.126 0 0 0-.614-.764L9.509.573a1.136 1.126 0 0 0-.551-.11"/><path fill="#fff" d="M8.955.001a1.199 1.19 0 0 0-.46.117l-6.27 2.996a1.199 1.19 0 0 0-.649.806L.03 10.65a1.199 1.19 0 0 0 .162.912a1.199 1.19 0 0 0 .069.094l4.34 5.397a1.199 1.19 0 0 0 .937.447l6.96-.001a1.199 1.19 0 0 0 .937-.447l4.338-5.397a1.199 1.19 0 0 0 .232-1.006l-1.549-6.73a1.199 1.19 0 0 0-.649-.806L9.537.118A1.199 1.19 0 0 0 8.955 0m.003.462a1.136 1.126 0 0 1 .55.11l5.94 2.837a1.136 1.126 0 0 1 .615.764l1.468 6.375a1.136 1.126 0 0 1-.22.953l-4.11 5.113a1.136 1.126 0 0 1-.887.423l-6.593.001a1.136 1.126 0 0 1-.888-.424l-4.111-5.11a1.136 1.126 0 0 1-.065-.09a1.136 1.126 0 0 1-.154-.864l1.465-6.374a1.136 1.126 0 0 1 .615-.765L8.523.573a1.136 1.126 0 0 1 .435-.11" color="#000"/></g><path fill="#fff" d="M9 3.836c-.14-.004-3.996 1.892-4.046 1.99c-.122.233-1 4.28-.948 4.368c.03.05.662.852 1.405 1.78l1.35 1.688l2.221.002h2.222l1.413-1.765l1.413-1.765l-.494-2.17c-.272-1.192-.516-2.188-.54-2.212c-.07-.066-3.922-1.913-3.997-1.916z"/><path fill="#326ce5" d="M13.184 9.355q-.06.005-.124.005c-.25 0-.493-.06-.712-.166q.109-.63.096-1.26a6.5 6.5 0 0 0-.815-.965c.133-.25.329-.464.574-.616l.105-.065l-.082-.092a4.3 4.3 0 0 0-1.499-1.094l-.114-.05l-.029.121c-.068.281-.21.535-.406.738a6.5 6.5 0 0 0-1.174-.484a6.5 6.5 0 0 0-1.173.483a1.6 1.6 0 0 1-.405-.736l-.029-.12l-.114.049a4.3 4.3 0 0 0-1.498 1.092l-.083.093l.106.065c.244.152.44.365.572.612q-.457.448-.813.962q-.016.631.093 1.268a1.6 1.6 0 0 1-.831.16l-.124-.01l.012.124c.06.624.254 1.217.576 1.764l.063.107l.094-.08a1.6 1.6 0 0 1 .764-.358a6.6 6.6 0 0 0 .654 1.065q.596.209 1.239.304a1.6 1.6 0 0 1-.104.846l-.047.114l.121.027c.31.068.623.103.929.103l.927-.103l.122-.027l-.048-.115a1.6 1.6 0 0 1-.102-.846a6.6 6.6 0 0 0 1.234-.303a6.6 6.6 0 0 0 .654-1.066a1.6 1.6 0 0 1 .768.358l.094.08l.063-.107a4.25 4.25 0 0 0 .575-1.764l.012-.123zm-2.852 1.508q-.662.18-1.328.18q-.669 0-1.33-.18a5.2 5.2 0 0 1-.568-1.198a5 5 0 0 1-.24-1.315q.428-.527.963-.917a5 5 0 0 1 1.175-.639a5.2 5.2 0 0 1 1.172.638q.538.392.967.922a5 5 0 0 1-.242 1.31a5 5 0 0 1-.57 1.199m-.966-2.117a.56.56 0 1 0 1.122 0a.56.56 0 0 0-1.122 0m-.725 0a.56.56 0 1 1-1.121 0a.56.56 0 0 1 1.121 0"/></svg>

Etcd Cluster アイコンの使い方

React

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

<Icon icon="k8s:etcd-cluster" width="24" />

Vue

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

<template>
  <Icon icon="k8s:etcd-cluster" width="24" />
</template>

Svelte

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

<Icon icon="k8s:etcd-cluster" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[k8s--etcd-cluster]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/k8s -->
<div class="i-k8s:etcd-cluster"></div>

Web コンポーネント

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

<iconify-icon icon="k8s:etcd-cluster"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/k8s/etcd-cluster.svg" alt="Etcd Cluster アイコン" width="24" height="24">

Etcd Cluster アイコンのよくある質問

Etcd Cluster アイコンは商用利用でも無料ですか?

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

React で Etcd Cluster アイコンを使うには?

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

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

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

Kubernetes Icons をすべて見る →