Yugabyte icon

logos:yugabyte

The Yugabyte icon (logos:yugabyte) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 69 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 × 69

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="69" viewBox="0 0 512 69"><path fill="#1e154b" d="M502.977 23.93c3.256-1.686 6.375-5.413 6.375-10.454c0-8.65-6.846-13.476-16.477-13.476h-20.44v52.667h21.166C504.664 52.667 512 46.9 512 37.034c0-6.778-3.844-11.042-8.59-12.937zM482.283 7.926h9.749c5.413 0 8.061 2.275 8.061 6.375s-2.648 6.257-7.944 6.257h-9.866zm10.239 36.072h-10.22V28.972h10.22c6.728 0 9.984 2.766 9.984 7.572c0 4.825-3.256 7.453-9.984 7.453M437.579 0h-17.065v52.667h17.065c14.672 0 27.05-8.768 27.05-26.323c.02-17.332-12.036-26.099-26.44-26.339zm-.706 43.997h-6.375V8.533h6.375c9.023 0 17.673 4.688 17.673 17.79c0 12.886-8.383 17.52-17.223 17.67zm-32.464-3.962c-.96 3.61-4.08 5.532-8.905 5.532c-5.767 0-9.749-3.845-10.455-9.965h28.01q.236-1.56.236-3.119c0-9.14-5.767-18.4-18.517-18.4s-18.634 9.495-18.634 19.479s6.963 19.713 19.36 19.713c9.376 0 16.477-5.158 17.909-13.22h-9.004zm-9.63-18.988c5.53 0 8.767 3.61 9.258 8.415h-18.753c.932-5.472 4.127-8.239 9.016-8.407zm-21.754 1.413v-7.788H362.57V3.237h-9.259v11.416h-7.454v7.807h7.454v16.947c0 8.415 5.414 13.221 13.711 13.221h6.022v-7.807h-5.04c-3.375 0-5.415-1.922-5.415-5.767V22.46zm-38.721-7.788l-8.65 26.089l-8.886-26.089h-9.376l13.828 37.995l-5.296 15.379h8.768l5.885-17.203l13.22-36.19h-9.493zm-45.92-.608c-4.923 0-9.023 2.158-11.18 5.296V.02h-9.259v52.647h9.258V47.98c2.158 3.256 6.376 5.296 10.946 5.296c11.416 0 18.164-7.924 18.164-19.595c-.02-11.49-6.518-19.341-17.354-19.609zm-1.569 31.267c-6.14 0-10.22-4.688-10.22-11.67c0-6.984 4.08-11.535 10.22-11.535s10.22 4.57 10.22 11.534c0 6.983-4.08 11.671-10.22 11.671m-43.527-31.267c-9.866 0-16.222 5.885-16.712 13.476h8.297c.118-3.374 3.12-6.493 8.062-6.493c4.924 0 7.69 2.648 7.69 6.375c0 1.452-.844 2.53-2.766 2.53h-6.983c-8.533 0-14.3 4.571-14.3 12.025c0 6.493 5.159 11.298 12.613 11.298c5.531 0 9.847-2.53 11.416-6.257v5.65h9.14V28.265c.02-8.388-6.565-13.983-15.904-14.195zm7.337 22.617c0 5.65-3.355 9.73-9.141 9.73c-3.492 0-5.885-1.923-5.885-4.924c0-3.237 2.648-5.414 6.493-5.414h8.533zm-85.837-22.009v20.793c0 5.531-3.727 9.611-8.906 9.611c-5.178 0-7.924-3.609-7.924-8.768V14.672h-9.141V38.23c0 8.886 5.296 15.026 14.064 15.026c5.414 0 9.73-2.276 11.907-6.493v5.885h9.258V14.672zm-40.29 0l-8.769 26.089l-8.768-26.089h-9.376l13.829 37.995l-5.296 15.379h8.768l5.885-17.203l13.22-36.19h-9.494zm85.248 0v4.335c-2.158-2.883-6.257-4.923-11.063-4.923c-11.298 0-17.909 8.062-17.909 19.596s6.61 19.595 18.027 19.595c5.531 0 9.14-1.922 11.063-4.805v.608c0 7.1-2.276 11.906-9.73 11.906c-4.688 0-7.1-1.922-8.65-5.649h-9.258c2.04 9.259 8.297 13.339 17.909 13.339c11.816 0 18.29-6.972 18.51-18.96l.36-35.022zm-9.611 30.66c-6.14 0-10.22-4.689-10.22-11.672s4.08-11.534 10.22-11.534s10.337 4.57 10.337 11.534s-4.08 11.671-10.337 11.671"/><path fill="#ff5f3b" d="M4.116.002h16.82c1.21.007 1.888.054 2.444.331c.569.295 1.04.765 1.334 1.334c.333.648.333 1.51.333 3.237v22.512c-.01 1.931-.07 2.994-.53 3.674a3.06 3.06 0 0 1-2.02 1.295c-.816.136-1.794-.258-3.547-1.068l-9.17-4.293C6.879 25.64 5.204 24.73 3.902 23.46a13.2 13.2 0 0 1-3.158-4.943c-.604-1.7-.719-3.591-.74-6.81L0 4.111c.008-1.21.054-1.888.332-2.444A3.13 3.13 0 0 1 1.666.333C2.222.056 2.914.01 4.116.002m50.11 0h16.828c1.21.007 1.888.054 2.443.331c.57.295 1.04.765 1.334 1.334c.334.648.334 1.51.334 3.237L75.16 11.7c-.022 3.214-.137 5.122-.74 6.837a13.2 13.2 0 0 1-3.159 4.943c-1.589 1.569-3.786 2.589-8.14 4.629L50.096 34.17l.002-30.059c.007-1.21.054-1.888.332-2.444A3.13 3.13 0 0 1 51.764.333C52.319.056 53.01.01 54.225.002M37.09 40.232l13.005-6.062l-.001 30.059c-.008 1.21-.054 1.888-.332 2.444a3.13 3.13 0 0 1-1.334 1.334c-.647.333-1.51.333-3.237.333l-16.034-.001c-1.21-.008-1.888-.054-2.443-.332a3.13 3.13 0 0 1-1.334-1.334c-.334-.648-.334-1.51-.334-3.237l.005-6.815c.022-3.214.137-5.122.74-6.837a13.2 13.2 0 0 1 3.159-4.943c1.589-1.57 3.786-2.59 8.14-4.61"/></svg>

How to use the Yugabyte icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Related icons in SVG Logos

Yugabyte icon FAQ

Is the Yugabyte 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 Yugabyte icon in React?

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

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

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

Browse all SVG Logos icons →