Dbeaver icon

devicon:dbeaver

The Dbeaver icon (devicon:dbeaver) is a free SVG icon from the Devicon set by konpa. It is drawn on a 128 × 128 grid. Devicon icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Devicon
Author: konpa
License: MIT
Size: 128 × 128

Download SVG

SVG code

<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>

How to use the Dbeaver icon

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>

HTML image

<img src="https://iconyz.com/api/public/svg/devicon/dbeaver.svg" alt="Dbeaver icon" width="24" height="24">

Dbeaver icon in other icon sets

Dbeaver icon FAQ

Is the Dbeaver icon free for commercial use?

Yes. Devicon icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Dbeaver icon in React?

Install @iconify/react and render <Icon icon="devicon:dbeaver" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Dbeaver icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/devicon/dbeaver.svg" alt="Dbeaver icon">, or paste the SVG code inline to style it with CSS.

Browse all Devicon icons →