Kuberun アイコン
gcp:kuberun
Kuberun アイコン(gcp:kuberun)は、Google Cloud Icons セットの無料 SVG アイコンです（作者: Google Cloud）。 24 × 24 のグリッドで描かれています。 Google Cloud Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Google Cloud Icons
- 作者
- Google Cloud
- ライセンス
- Apache-2.0
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGmR7MedNB)"><path fill="#669df6" d="m21.602 11.27l-2.553-.798a7.2 7.2 0 0 1 .085 2.6h2.47a.45.45 0 0 0 .38-.418v-.964a.45.45 0 0 0-.38-.417M12.047 4.78a7.4 7.4 0 0 1 1.496.157l-.917-2.542a.45.45 0 0 0-.42-.38h-.382a.45.45 0 0 0-.42.38l-.797 2.532a7.2 7.2 0 0 1 1.435-.143m-7.255 7.211c0-.513.054-1.026.162-1.528l-2.553.797a.45.45 0 0 0-.38.42v.964a.45.45 0 0 0 .38.418h2.47a7 7 0 0 1-.08-1.077z"/><path fill="#4285f4" fill-rule="evenodd" d="M16.321 7.674a6.11 6.11 0 1 0-8.642 8.642a6.11 6.11 0 0 0 8.642-8.642m-1.15 1.057l-1.87 1.332l-.007-.003a.385.385 0 0 1-.614-.296h-.002l-.13-2.302a4.54 4.54 0 0 1 2.623 1.27Zm-2.82 2.523l.438.55l-.158.685l-.632.306l-.635-.306l-.157-.686l.44-.549zm-1.367-3.712a5 5 0 0 1 .467-.08l-.13 2.305l-.01.005a.387.387 0 0 1-.613.296l-.003.002l-1.883-1.34a4.5 4.5 0 0 1 2.172-1.188m-3.495 4.914c-.113-1.03.13-2.03.64-2.864l1.719 1.543l-.002.01a.388.388 0 0 1-.151.665l-.002.008zm2.942 1.236l-.876 2.124a4.55 4.55 0 0 1-1.82-2.286l2.26-.384l.004.004a.387.387 0 0 1 .425.533zm2.585 2.732a4.5 4.5 0 0 1-2.471-.128l1.111-2.017h.002a.387.387 0 0 1 .68 0h.009l1.114 2.02a5 5 0 0 1-.445.125m1.436-.6l-.885-2.145l.003-.004a.388.388 0 0 1 .424-.534l.003-.005l2.28.387a4.53 4.53 0 0 1-1.825 2.302Zm2.065-3.375l-2.216-.64l-.002-.01a.387.387 0 0 1-.151-.666l-.001-.004l1.71-1.536a4.6 4.6 0 0 1 .564 1.382c.114.498.143.994.096 1.474" clip-rule="evenodd"/></g><defs><clipPath id="SVGmR7MedNB"><path fill="#fff" d="M2.016 2.016h19.969v16.09H2.016z"/></clipPath></defs></g></svg>Kuberun アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="gcp:kuberun" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="gcp:kuberun" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="gcp:kuberun" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[gcp--kuberun]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/gcp -->
<div class="i-gcp:kuberun"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="gcp:kuberun"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/gcp/kuberun.svg" alt="Kuberun アイコン" width="24" height="24">Kuberun アイコン のよくある質問
Kuberun アイコンは商用利用でも無料ですか?
はい。Google Cloud Icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Kuberun アイコンを使うには?
@iconify/react をインストールして <Icon icon="gcp:kuberun" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Kuberun アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/gcp/kuberun.svg" alt="Kuberun アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。