Cloudbees アイコン
cib:cloudbees
Cloudbees アイコン(cib:cloudbees)は、CoreUI Brands セットの無料 SVG アイコンです（作者: creativeLabs Łukasz Holeczek）。 32 × 32 のグリッドで描かれています。 CoreUI Brands icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- CoreUI Brands
- 作者
- creativeLabs Łukasz Holeczek
- ライセンス
- CC0-1.0
- サイズ
- 32 × 32
- タグ
- cloudbee
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M4.735 8.547c0-1.599.973-3.041 2.505-3.735a4.68 4.68 0 0 1 4.681.521l3.36-3.136a9.68 9.68 0 0 0-10.989-.891a8.3 8.3 0 0 0-3.932 9.6a9.1 9.1 0 0 0 8.801 6.187h3.437v-4.4H9.161c-2.443-.027-4.427-1.881-4.427-4.163zm18.01 6.308h-3.439v4.4h3.439c2.443 0 4.427 1.865 4.427 4.131c0 2.297-1.984 4.136-4.427 4.136c-2.439 0-4.428-1.828-4.428-4.109V8.532c0-2.104-.839-4.145-2.344-5.719l-3.359 3.161c.625.709.973 1.625.973 2.573v14.855c0 4.719 4.105 8.547 9.157 8.547c5.067 0 9.161-3.828 9.161-8.547s-4.095-8.547-9.161-8.547z"/></svg>Cloudbees アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="cib:cloudbees" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cib:cloudbees" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cib:cloudbees" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cib--cloudbees]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cib -->
<div class="i-cib:cloudbees"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cib:cloudbees"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cib/cloudbees.svg" alt="Cloudbees アイコン" width="24" height="24">他のアイコンセットの Cloudbees アイコン
Cloudbees アイコン のよくある質問
Cloudbees アイコンは商用利用でも無料ですか?
はい。CoreUI Brands icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Cloudbees アイコンを使うには?
@iconify/react をインストールして <Icon icon="cib:cloudbees" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cloudbees アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cib/cloudbees.svg" alt="Cloudbees アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。