Dbt icon

logos:dbt

The Dbt icon (logos:dbt) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 196 grid. SVG Logos icons are released under the CC0 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: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 512 × 196

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="196" viewBox="0 0 512 196"><path fill="#262a38" d="M334.734 30.222v133.434h-27.041v-13.609c-2.828 4.772-6.892 8.66-11.841 11.135c-5.302 2.65-11.312 4.064-17.319 4.064c-7.423.177-14.847-1.944-21.032-6.185c-6.362-4.242-11.311-10.074-14.493-16.967c-3.534-7.953-5.302-16.436-5.126-25.096a57.3 57.3 0 0 1 5.126-24.92c3.182-6.715 8.131-12.548 14.317-16.612c6.361-4.065 13.785-6.01 21.208-5.833c5.832 0 11.663 1.237 16.789 3.888c4.95 2.475 9.013 6.186 11.84 10.781V39.235zm-32.519 107.1c3.534-4.595 5.478-11.31 5.478-19.97s-1.766-15.2-5.478-19.795s-9.545-7.246-15.553-7.069c-6.01-.354-11.84 2.297-15.73 6.893c-3.71 4.595-5.656 11.134-5.656 19.617c0 8.66 1.946 15.376 5.656 20.148s9.72 7.423 15.73 7.246c6.716 0 12.017-2.474 15.553-7.07M431.41 75.29a38.3 38.3 0 0 1 14.314 16.613a57.3 57.3 0 0 1 5.126 24.92c.176 8.66-1.592 17.32-5.126 25.096c-3.181 6.892-8.129 12.724-14.493 16.966c-6.185 4.065-13.608 6.186-21.03 6.01a34.76 34.76 0 0 1-17.32-4.066c-4.948-2.474-9.014-6.362-11.665-11.134v13.785H354V39.235l27.394-9.013v54.434c2.65-4.772 6.715-8.66 11.663-11.135c5.303-2.827 11.135-4.241 17.144-4.065c7.422-.176 14.845 1.945 21.209 5.833m-13.433 61.857c3.711-4.772 5.48-11.488 5.48-20.325c0-8.483-1.769-15.022-5.48-19.617s-8.838-6.893-15.553-6.893c-6.008-.353-11.841 2.298-15.729 7.07c-3.712 4.771-5.48 11.31-5.48 19.794c0 8.66 1.768 15.376 5.48 19.97c3.712 4.773 9.543 7.424 15.729 7.07c6.01.354 11.84-2.297 15.553-7.07m70.694-44.89v35.7c0 5.125 1.414 8.836 3.89 11.134c2.827 2.474 6.537 3.711 10.427 3.534c3.003 0 6.185-.53 9.013-1.237v21.208c-5.126 1.768-10.427 2.651-15.73 2.475q-16.966 0-25.98-9.544q-9.013-9.543-9.014-27.04V50.192l27.394-8.836v30.398H512v20.501z"/><path fill="#ff694a" d="M187.161 8.13c4.595 4.418 7.6 10.25 8.307 16.613c0 2.65-.707 4.418-2.298 7.776c-1.59 3.358-21.208 37.291-27.04 46.658c-3.358 5.479-5.125 12.018-5.125 18.38c0 6.54 1.767 12.902 5.125 18.38c5.832 9.367 25.45 43.477 27.04 46.835c1.591 3.358 2.298 4.949 2.298 7.6c-.707 6.362-3.535 12.194-8.13 16.436c-4.418 4.595-10.25 7.6-16.436 8.13c-2.651 0-4.418-.707-7.6-2.298c-3.181-1.59-37.82-20.678-47.188-26.51c-.707-.353-1.414-.884-2.297-1.237l-46.305-27.394c1.06 8.837 4.949 17.32 11.311 23.506a35 35 0 0 0 3.889 3.358c-1.06.53-2.298 1.06-3.358 1.767c-9.367 5.832-43.477 25.45-46.835 27.04c-3.358 1.591-4.948 2.298-7.776 2.298c-6.363-.707-12.195-3.535-16.437-8.13c-4.595-4.418-7.6-10.25-8.306-16.613c.177-2.65.884-5.302 2.298-7.6c1.59-3.357 21.208-37.467 27.04-46.834c3.358-5.479 5.125-11.841 5.125-18.38c0-6.54-1.767-12.902-5.125-18.38C23.506 69.81 3.71 35.7 2.298 32.341C.884 30.045.177 27.394 0 24.742C.707 18.38 3.535 12.549 8.13 8.13C12.548 3.535 18.38.707 24.743 0c2.65.177 5.302.884 7.776 2.298c2.828 1.237 27.747 15.729 41.002 23.505l3.005 1.768q1.59 1.06 2.65 1.59l1.415.884l47.188 27.924c-1.06-10.604-6.54-20.325-15.023-26.864c1.06-.53 2.298-1.06 3.358-1.767c9.367-5.832 43.477-25.627 46.835-27.04C165.246.884 167.897.177 170.725 0a27.06 27.06 0 0 1 16.436 8.13m-86.953 102.152l10.074-10.074c1.414-1.414 1.414-3.534 0-4.948l-10.074-10.074c-1.414-1.414-3.534-1.414-4.948 0L85.186 95.26c-1.414 1.414-1.414 3.534 0 4.948l10.074 10.074c1.237 1.237 3.534 1.237 4.948 0"/></svg>

How to use the Dbt icon

React

import { Icon } from "@iconify/react";

<Icon icon="logos:dbt" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:dbt" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:dbt" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--dbt]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:dbt"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:dbt"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/dbt.svg" alt="Dbt icon" width="24" height="24">

Related icons in SVG Logos

Dbt icon FAQ

Is the Dbt icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Dbt icon in React?

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

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

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

Browse all SVG Logos icons →