Icône Database 24
octicon:database-24
L'icône Database 24 (octicon:database-24) est une icône SVG gratuite de la collection Octicons par GitHub. Elle est dessinée sur une grille de 24 × 24. Les Octicons 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="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 1.25c2.487 0 4.773.402 6.466 1.079c.844.337 1.577.758 2.112 1.264c.536.507.922 1.151.922 1.907v12.987l-.026.013h.026c0 .756-.386 1.4-.922 1.907c-.535.506-1.268.927-2.112 1.264c-1.693.677-3.979 1.079-6.466 1.079s-4.774-.402-6.466-1.079c-.844-.337-1.577-.758-2.112-1.264C2.886 19.9 2.5 19.256 2.5 18.5h.026l-.026-.013V5.5c0-.756.386-1.4.922-1.907c.535-.506 1.268-.927 2.112-1.264C7.226 1.652 9.513 1.25 12 1.25M4 14.371v4.116l-.013.013H4c0 .211.103.487.453.817c.351.332.898.666 1.638.962c1.475.589 3.564.971 5.909.971s4.434-.381 5.909-.971c.739-.296 1.288-.63 1.638-.962c.349-.33.453-.607.453-.817h.013L20 18.487v-4.116a8 8 0 0 1-1.534.8c-1.693.677-3.979 1.079-6.466 1.079s-4.774-.402-6.466-1.079a8 8 0 0 1-1.534-.8M20 12V7.871a8 8 0 0 1-1.534.8C16.773 9.348 14.487 9.75 12 9.75s-4.774-.402-6.466-1.079A8 8 0 0 1 4 7.871V12c0 .21.104.487.453.817c.35.332.899.666 1.638.961c1.475.59 3.564.972 5.909.972s4.434-.382 5.909-.972c.74-.295 1.287-.629 1.638-.96c.35-.33.453-.607.453-.818M4 5.5c0 .211.103.487.453.817c.351.332.898.666 1.638.962c1.475.589 3.564.971 5.909.971s4.434-.381 5.909-.971c.739-.296 1.288-.63 1.638-.962c.349-.33.453-.607.453-.817c0-.211-.103-.487-.453-.817c-.351-.332-.898-.666-1.638-.962c-1.475-.589-3.564-.971-5.909-.971s-4.434.381-5.909.971c-.739.296-1.288.63-1.638.962C4.104 5.013 4 5.29 4 5.5"/></svg>Comment utiliser l'icône Database 24
React
import { Icon } from "@iconify/react";
<Icon icon="octicon:database-24" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="octicon:database-24" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="octicon:database-24" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[octicon--database-24]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/octicon -->
<div class="i-octicon:database-24"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="octicon:database-24"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/octicon/database-24.svg" alt="Icône Database 24" width="24" height="24">Icônes similaires dans Octicons
L'icône Database 24 dans d'autres collections
FAQ : Icône Database 24
L'icône Database 24 est-elle gratuite pour un usage commercial ?
Oui. Les Octicons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Database 24 dans React ?
Installez @iconify/react et affichez <Icon icon="octicon:database-24" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Database 24 à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/octicon/database-24.svg" alt="Icône Database 24">, ou collez le code SVG directement dans la page pour le styliser en CSS.