Иконка Octave

file-icons:octave

Иконка Octave (file-icons:octave) — бесплатная SVG-иконка из набора File Icons от John Gardner. Она нарисована на сетке 512 × 512. File Icons выпущены под лицензией ISC, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: File Icons
Автор: John Gardner
Лицензия: ISC
Размер: 512 × 512

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M46.235 162.886h-18.92C12.229 162.886 0 175.116 0 190.201v119.488c0 15.086 12.23 27.315 27.315 27.315h55.711C164.823 487.181 331 551.757 436.613 478.002h58.885c9.114 0 16.502-7.388 16.502-16.502v-80c0-5.682-2.873-10.692-7.245-13.66c13.325-65.887-2.74-143.958-45.633-212.661a11.5 11.5 0 0 0 1.666-5.966V87.129c0-6.405-5.192-11.597-11.597-11.597h-57.784C251.625-45.66 71.637-12.475 46.235 162.886M165.46 329.63c5.325-4.985 8.657-12.072 8.657-19.94V190.2c0-15.085-12.23-27.314-27.315-27.314h-18.125C152.183 53.562 263.246 12.585 375.51 87.927v61.286c0 6.405 5.192 11.597 11.597 11.597h57.803c42.842 66.63 52.124 146.053 24.143 204.188h-53.554c-9.114 0-16.502 7.389-16.502 16.503v49.595c-76.79 27.361-169.39-6.81-233.536-101.466"/></svg>

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

React

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

<Icon icon="file-icons:octave" width="24" />

Vue

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

<template>
  <Icon icon="file-icons:octave" width="24" />
</template>

Svelte

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

<Icon icon="file-icons:octave" width="24" />

Tailwind CSS

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

UnoCSS

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

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

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

<iconify-icon icon="file-icons:octave"></iconify-icon>

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

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

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

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

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

Да. File Icons выпущены под лицензией ISC, которая разрешает использование в личных и коммерческих проектах.

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

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

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

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

Все File Icons →