ICONYZ
Русский
Иконка Cloudbees из набора CoreUI Brands

Иконка Cloudbees

cib:cloudbees

Иконка Cloudbees (cib:cloudbees) — бесплатная SVG-иконка из набора CoreUI Brands от 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

<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>

Веб-компонент

<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, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Cloudbees в React?

Установите @iconify/react и выведите <Icon icon="cib:cloudbees" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Cloudbees на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/cib/cloudbees.svg" alt="Иконка Cloudbees">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки CoreUI Brands →