Иконка Octave

cib:octave

Иконка Octave (cib:octave) — бесплатная 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

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M13.989.011c-3.219-.12-6.208.953-8.375 3.312c-1.735 1.885-2.697 4.339-2.969 7.032h-.557A2.09 2.09 0 0 0 0 12.438v6.323a2.09 2.09 0 0 0 2.083 2.089H4.87a22.6 22.6 0 0 0 3.428 4.911c5.943 6.459 14.249 8.043 19.4 4.021h2.797c.771 0 1.401-.636 1.401-1.401v-3.817c0-.333-.125-.645-.344-.891c1.145-4.579-.057-10.188-3.355-14.953c0-.021.011-.041.011-.063V5.974c0-.599-.484-1.088-1.083-1.093h-2.271C21.505 1.829 17.609.146 13.989.012zm2.328 2.906c2.376-.016 4.923.828 7.229 2.463a1.1 1.1 0 0 0-.197.593v2.683c0 .599.489 1.093 1.088 1.093h2.688c.181-.004.364-.061.52-.156c2.995 4.401 3.647 9.756 1.652 13.563h-2.615c-.771 0-1.401.636-1.401 1.401v2.391c-3.989 1.735-9.333.297-13.276-3.984a16.7 16.7 0 0 1-2.068-2.797c.344-.369.552-.864.552-1.407v-6.323a2.086 2.086 0 0 0-2.083-2.083h-.547c.317-1.819 1.041-3.48 2.249-4.792c1.631-1.771 3.839-2.636 6.208-2.645zm8.12 2.676h2.688c.213 0 .375.161.375.38v2.683c0 .219-.161.38-.375.38h-2.688a.37.37 0 0 1-.38-.38V5.973a.37.37 0 0 1 .38-.38m-22.354 5.47h6.324c.771 0 1.375.609 1.375 1.375v6.323c0 .767-.604 1.376-1.375 1.376H2.088a1.37 1.37 0 0 1-1.38-1.376v-6.323c0-.765.609-1.369 1.375-1.369zm24.6 12.806h3.812c.391 0 .699.303.699.688v3.817a.69.69 0 0 1-.699.693h-3.812a.683.683 0 0 1-.693-.693v-3.812a.683.683 0 0 1 .693-.693"/></svg>

Как использовать иконку Octave

React

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

<Icon icon="cib:octave" width="24" />

Vue

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

<template>
  <Icon icon="cib:octave" width="24" />
</template>

Svelte

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

<Icon icon="cib:octave" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[cib--octave]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/cib -->
<div class="i-cib:octave"></div>

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

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

<iconify-icon icon="cib:octave"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/cib/octave.svg" alt="Иконка Octave" width="24" height="24">

Иконка Octave в других наборах

Вопросы и ответы: Иконка Octave

Можно ли бесплатно использовать иконку Octave в коммерческих проектах?

Да. CoreUI Brands icons выпущены под лицензией CC0 1.0, которая разрешает использование в личных и коммерческих проектах.

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

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

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

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

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