Icono Dbeaver
devicon:dbeaver
El icono Dbeaver (devicon:dbeaver) es un icono SVG gratuito de la colección Devicon de konpa. Está dibujado en una cuadrícula de 128 × 128. Devicon icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#382a24" d="M59.691 2.094h8.371q35.592 3.666 51.813 35.445q4.835 10.616 5.785 22.152v8.371q-3.666 35.592-35.445 51.813q-10.616 4.835-22.153 5.785h-8.37q-35.591-3.666-51.817-35.445q-4.833-10.616-5.781-22.153v-8.37Q5.76 24.101 37.539 7.875q10.616-4.833 22.152-5.781m0 0"/><path fill="#e1d7cb" d="M111.383 63.383q-.398-9.88-5.168-18.461a13.7 13.7 0 0 0 .617-5.906c-.508-1.262-1.45-1.957-2.832-2.094a83 83 0 0 0-6.398-.121q.662-.3 1.476-.371a43.9 43.9 0 0 0-10.34-10.953q-7.776-6.411-17.968-6.399q-8.064.163-15.016 4.305c-9.809 5.61-17.93 13.074-24.371 22.402c-2 .23-4.012.352-6.028.367c-10.464-1.644-13.5 2.38-9.109 12.063a159 159 0 0 1 4.922 10.832q-.335 4.424-.492 8.86A249 249 0 0 0 11.69 93.66q-.246.492-.492 0Q-.85 71.084 5.905 46.398c6.77-20.222 20.27-33.722 40.492-40.492q32.936-8.666 58.587 13.54q23.49 22.957 18.34 55.507q-4.218 21.063-20.308 35.078q-.81.71-1.723.985c-1.535-4.579-1.25-9.047.86-13.414a73 73 0 0 0 7.386-16.247c1.758-5.918 2.371-11.906 1.844-17.972m0 0"/><path fill="#fcfcfc" d="M88.738 25.477a43.9 43.9 0 0 1 10.34 10.953a4.5 4.5 0 0 0-1.476.37a42.5 42.5 0 0 0-12.309 2.708q-5.783.28-11.57.367q-1.47.598-2.953.125q-4.166-.177-6.895-3.324q-4.096-2.502-8.613-.985q-3.195 2.19-2.34 6.032q1.96 3.485 1.11 7.386a9.5 9.5 0 0 0-.618 1.23A122.6 122.6 0 0 0 35.2 71.263a40 40 0 0 0-3.691 8.613c-.492 4.273 1.273 7.184 5.293 8.742a26.7 26.7 0 0 0 6.89 1.723c-1.968 1.496-4.187 1.988-6.644 1.476a35.7 35.7 0 0 1-8.984-2.832a250 250 0 0 0-8.247 16.246a165 165 0 0 1-4.8-5.66a1.05 1.05 0 0 1 0-.984a197 197 0 0 1 6.89-14.523q1.924 3.405 5.54 4.554q-2.896-2.778-3.571-6.77a31.1 31.1 0 0 1 1.234-12.554c4.938-15.84 13.84-28.93 26.707-39.262q8.326-5.946 18.461-7.633c6.403-.437 12.559.586 18.461 3.079Zm0 0"/><path fill="#382a24" d="M70.77 40a89 89 0 0 0-10.094 4.309a101 101 0 0 0-6.524 5.293a.6.6 0 0 1-.12-.493q.85-3.9-1.11-7.386c-.57-2.563.21-4.57 2.34-6.032q4.517-1.517 8.613.985Q66.604 39.823 70.77 40m0 0"/><path fill="#372923" d="M97.602 36.8q3.198-.062 6.398.122c1.383.137 2.324.832 2.832 2.094a13.7 13.7 0 0 1-.617 5.906c-1.508 4.21-3.809 7.941-6.89 11.203q-3.234 2.186-6.895.738q-8.099-2.414-12.922-9.234c-1.024-2.582-.328-4.594 2.094-6.027c1.23-.7 2.46-1.395 3.691-2.094A42.5 42.5 0 0 1 97.602 36.8m0 0"/><path fill="#887363" d="M85.293 39.508c-1.23.699-2.461 1.394-3.691 2.094c-2.422 1.433-3.118 3.445-2.094 6.027q4.823 6.82 12.922 9.234q3.66 1.448 6.894-.738c3.082-3.262 5.383-6.992 6.89-11.203q4.77 8.58 5.169 18.46a55.4 55.4 0 0 1-4.797 11.079a34 34 0 0 1-3.078 3.816a51 51 0 0 0-3.445 2.586l-.247-.37a32.5 32.5 0 0 0 .86-12.677a9.5 9.5 0 0 0-1.23-3.199a43.1 43.1 0 0 1-4.184 15.754q-4.756 8.926-14.645 6.274Q65.829 82.425 54.645 72a37.6 37.6 0 0 0 2.464 8.617q2.28 6.879 1.23 14.028a15.7 15.7 0 0 1-.984 2.957a117.5 117.5 0 0 0-8.617 16.984a52 52 0 0 0-1.968 6.644a.94.94 0 0 1-.618.493c-10.257-3.22-19.039-8.715-26.336-16.493a251 251 0 0 1 8.247-16.246a35.7 35.7 0 0 0 8.984 2.832c2.457.512 4.676.02 6.644-1.476a26.7 26.7 0 0 1-6.89-1.723c-4.02-1.558-5.785-4.469-5.293-8.742a40 40 0 0 1 3.691-8.613A122.6 122.6 0 0 1 53.414 50.34q.265-.639.617-1.23a.6.6 0 0 0 .121.492a101 101 0 0 1 6.524-5.293A89 89 0 0 1 70.77 40q1.482.473 2.953-.125c3.863-.059 7.718-.184 11.57-.367m0 0"/><path fill="#fbfbfb" d="M102.031 83.078a88.2 88.2 0 0 1-5.785 16.738q-.78 1.46-2.34 1.97l-.246-.372a25.2 25.2 0 0 0 1.477-9.23a43.6 43.6 0 0 1-4.059 10.586q-2.836 1.164-5.785.367a7.8 7.8 0 0 1-1.356-2.582a55.4 55.4 0 0 1-1.105-9.356q11.706.791 19.2-8.12Zm0 0"/></svg>Cómo usar el icono Dbeaver
React
import { Icon } from "@iconify/react";
<Icon icon="devicon:dbeaver" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon:dbeaver" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon:dbeaver" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--dbeaver]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:dbeaver"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon:dbeaver"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/devicon/dbeaver.svg" alt="Icono Dbeaver" width="24" height="24">El icono Dbeaver en otras colecciones
Preguntas frecuentes sobre Icono Dbeaver
¿El icono Dbeaver es gratis para uso comercial?
Sí. Devicon icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Dbeaver en React?
Instala @iconify/react y renderiza <Icon icon="devicon:dbeaver" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Dbeaver a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/devicon/dbeaver.svg" alt="Icono Dbeaver">, o pega el código SVG en línea para darle estilo con CSS.