Icône Openal
devicon:openal
L'icône Openal (devicon:openal) est une icône SVG gratuite de la collection Devicon par konpa. Elle est dessinée sur une grille de 128 × 128. Les Devicon icons sont publiées sous la licence MIT, 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.
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#e3b019" fill-rule="evenodd" d="M80.016 30.292c-3.945 0-7.143 3.213-7.143 7.173v18.959h-1.528v1.532h1.528v20.491c0 3.964 3.198 7.173 7.143 7.173s7.143-3.209 7.143-7.173v-20.49h1.536v-1.532h-1.536V37.466c0-3.96-3.198-7.173-7.143-7.173zm0 3.331v22.801h-4.338V37.976a4.346 4.346 0 0 1 4.338-4.353m-10.714 2.813l-9.102.191l7.478 4.906l.164-.053v.08zm-1.46 5.123l-.019.069l-.145-.095l-8.534 2.645l8.534 2.653l.145-.095l.019.065zm0 5.241v.084l-.164-.053l-7.478 4.906l9.102.187zm22.889-10.364l1.467 5.127v-.084l.164.053l7.471-4.906zm1.631 5.096l-.145.095l-.019-.065V46.8l.019-.065l.145.095l8.527-2.653zm0 5.298l-.164.053V46.8l-1.467 5.123l9.102-.187zm-14.511-5.268c-.846 0-1.536.686-1.536 1.536a1.54 1.54 0 0 0 1.536 1.54c.846 0 1.528-.69 1.528-1.54a1.53 1.53 0 0 0-1.528-1.536m4.338 0c.842 0 1.528.686 1.528 1.536s-.686 1.54-1.528 1.54a1.54 1.54 0 0 1-1.536-1.54c0-.85.69-1.536 1.536-1.536m-4.338 4.097c-.846 0-1.536.686-1.536 1.536a1.54 1.54 0 0 0 1.536 1.54c.846 0 1.528-.69 1.528-1.54a1.53 1.53 0 0 0-1.528-1.536m4.338 0c.842 0 1.528.686 1.528 1.536s-.686 1.54-1.528 1.54a1.54 1.54 0 0 1-1.536-1.54c0-.85.69-1.536 1.536-1.536m-4.338 4.101c-.846 0-1.536.686-1.536 1.532a2 2 0 0 0 .008.141a1.546 1.546 0 0 0 1.528 1.403a1.53 1.53 0 0 0 1.521-1.395v-.008a2 2 0 0 0 .008-.141a1.53 1.53 0 0 0-1.528-1.532zm4.338 0a1.53 1.53 0 0 1 1.528 1.532a2 2 0 0 1-.008.141c-.076.785-.728 1.403-1.521 1.403c-.8 0-1.46-.614-1.528-1.395v-.008a2 2 0 0 1-.008-.141c0-.846.69-1.532 1.536-1.532zm-14.164 6.663v22.279c0 6.651 5.371 12.048 11.991 12.048s11.991-5.397 11.991-12.048V56.424h-1.528v22.279c0 5.801-4.684 10.505-10.463 10.505s-10.455-4.703-10.455-10.505V56.424zm11.991 1.532h4.338v15.334h-.027l.027.038v4.353l-.057.698l-4.28-5.088h4.311l-4.311-5.111h4.319l-4.319-5.115h4.33zm4.28 20.426a4.33 4.33 0 0 1-1.517 2.66L80.016 78.4zM73.643 93.606v4.101h12.754v-4.101zm0 0"/><path fill="#7d000c" d="M41.919 56.424c-3.945 0-7.143 3.209-7.143 7.173v7.631c0 3.964 3.198 7.177 7.143 7.177s7.147-3.213 7.147-7.177h-4.082a3.07 3.07 0 0 1-3.065 3.076a3.07 3.07 0 0 1-3.061-3.076V69.46h6.125v-4.097h-6.125v-1.765a3.07 3.07 0 0 1 3.061-3.076a3.07 3.07 0 0 1 3.065 3.076h4.082c0-3.964-3.202-7.173-7.147-7.173zm23.56 21.978h-4.094V63.594c0-1.7-1.368-3.076-3.061-3.076a3.07 3.07 0 0 0-3.061 3.076l.011 14.808H51.18V63.594c0-3.964 3.198-7.173 7.143-7.173s7.143 3.209 7.143 7.173l.011 14.808m-49.64-14.808v7.635c0 3.964-3.198 7.173-7.143 7.173s-7.143-3.209-7.143-7.173v-7.635c0-3.964 3.198-7.173 7.143-7.173s7.143 3.209 7.143 7.173m-4.082 0c0-1.7-1.368-3.076-3.061-3.076a3.07 3.07 0 0 0-3.061 3.076v7.635a3.07 3.07 0 0 0 3.061 3.076a3.067 3.067 0 0 0 3.061-3.076zm20.811 0v7.635c0 3.964-3.198 7.173-7.143 7.173a7.1 7.1 0 0 1-3.065-.69v7.143h-4.082V57.957s1.673.13 2.725 0c1.811-.221 1.871-1.536 4.421-1.536c3.945 0 7.143 3.209 7.143 7.173zm-4.082 0a3.07 3.07 0 0 0-3.061-3.076a3.07 3.07 0 0 0-3.065 3.076v7.635a3.07 3.07 0 0 0 3.065 3.076a3.07 3.07 0 0 0 3.061-3.076zm73.476-7.17c-3.949 0-7.147 3.209-7.147 7.173v14.808h4.094a2268 2268 0 0 1-.011-8.584h6.125v8.584h4.094c-.008 0-.011-4.399-.011-8.584v-6.224c0-3.964-3.198-7.173-7.143-7.173zm0 4.097a3.07 3.07 0 0 1 3.061 3.076v2.127h-6.125v-2.127a3.07 3.07 0 0 1 3.065-3.076zm14.285 13.784h3.061a3.07 3.07 0 0 0 3.061-3.076h4.082c0 3.964-3.198 7.173-7.143 7.173h-7.143V56.421h4.082z"/></svg>Comment utiliser l'icône Openal
React
import { Icon } from "@iconify/react";
<Icon icon="devicon:openal" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon:openal" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon:openal" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--openal]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:openal"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon:openal"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/devicon/openal.svg" alt="Icône Openal" width="24" height="24">L'icône Openal dans d'autres collections
FAQ : Icône Openal
L'icône Openal est-elle gratuite pour un usage commercial ?
Oui. Les Devicon icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Openal dans React ?
Installez @iconify/react et affichez <Icon icon="devicon:openal" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Openal à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/devicon/openal.svg" alt="Icône Openal">, ou collez le code SVG directement dans la page pour le styliser en CSS.