Icône Octave

simple-icons:octave

L'icône Octave (simple-icons:octave) est une icône SVG gratuite de la collection Simple Icons par Simple Icons Collaborators. Elle est dessinée sur une grille de 24 × 24. Les Simple Icons sont publiées sous la licence CC0 1.0, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: Simple Icons
Auteur: Simple Icons Collaborators
Licence: CC0-1.0
Taille: 24 × 24

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10.5.007c-2.414-.09-4.658.715-6.286 2.485C2.913 3.906 2.188 5.75 1.987 7.77h-.42C.703 7.77 0 8.473 0 9.335v4.743c0 .863.702 1.567 1.565 1.567h2.091a17 17 0 0 0 2.57 3.687c4.46 4.848 10.696 6.036 14.561 3.016h2.102c.577 0 1.05-.473 1.05-1.05V18.43a1.03 1.03 0 0 0-.257-.668c.858-3.433-.045-7.642-2.52-11.219c.002-.017.01-.032.01-.049V4.482a.82.82 0 0 0-.816-.819h-1.703C16.142 1.372 13.218.11 10.5.007m1.75 2.18c1.78-.01 3.69.62 5.425 1.85a.8.8 0 0 0-.15.445v2.013c0 .449.368.82.816.82h2.016a.8.8 0 0 0 .392-.116c2.248 3.302 2.735 7.322 1.24 10.18h-1.964c-.579 0-1.052.475-1.052 1.051v1.794c-2.991 1.3-7.005.222-9.964-2.992a12.7 12.7 0 0 1-1.55-2.098c.256-.279.416-.647.416-1.056V9.335c0-.862-.702-1.565-1.565-1.565H5.9c.238-1.364.781-2.612 1.688-3.596c1.225-1.331 2.88-1.98 4.661-1.988zm6.091 2.01h2.016c.162 0 .283.123.283.285v2.013c0 .163-.12.285-.283.285H18.34a.28.28 0 0 1-.285-.285V4.482a.28.28 0 0 1 .285-.285zM1.566 8.303h4.743c.578 0 1.033.456 1.033 1.032v4.743c0 .577-.455 1.033-1.032 1.033H1.567a1.024 1.024 0 0 1-1.034-1.032V9.335c0-.576.455-1.032 1.032-1.032zm18.459 9.61h2.865c.29 0 .52.226.52.518v2.865a.51.51 0 0 1-.52.519h-2.865a.51.51 0 0 1-.519-.519v-2.864a.51.51 0 0 1 .519-.518z"/></svg>

Comment utiliser l'icône Octave

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Image HTML

<img src="https://iconyz.com/api/public/svg/simple-icons/octave.svg" alt="Icône Octave" width="24" height="24">

L'icône Octave dans d'autres collections

FAQ : Icône Octave

L'icône Octave est-elle gratuite pour un usage commercial ?

Oui. Les Simple Icons sont publiées sous la licence CC0 1.0, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Octave dans React ?

Installez @iconify/react et affichez <Icon icon="simple-icons:octave" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Octave à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/simple-icons/octave.svg" alt="Icône Octave">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Simple Icons →