Ícone Database 24
octicon:database-24
O ícone Database 24 (octicon:database-24) é um ícone SVG gratuito da coleção Octicons de GitHub. Ele é desenhado em uma grade de 24 × 24. Octicons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
Código 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>Como usar o ícone 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>Imagem HTML
<img src="https://iconyz.com/api/public/svg/octicon/database-24.svg" alt="Ícone Database 24" width="24" height="24">Ícones relacionados em Octicons
O ícone Database 24 em outras coleções
Perguntas frequentes sobre Ícone Database 24
O ícone Database 24 é grátis para uso comercial?
Sim. Octicons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Database 24 no React?
Instale @iconify/react e renderize <Icon icon="octicon:database-24" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Database 24 a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/octicon/database-24.svg" alt="Ícone Database 24">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.