ICONYZ
日本語
File Icons の Octave アイコン

Octave アイコン

file-icons:octave

Octave アイコン(file-icons:octave)は、File Icons セットの無料 SVG アイコンです(作者: 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>

Web コンポーネント

<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 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Octave アイコンを使うには?

@iconify/react をインストールして <Icon icon="file-icons:octave" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Octave アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/file-icons/octave.svg" alt="Octave アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

File Icons をすべて見る →