Bybit icon
thesvg-color:bybit
The Bybit icon (thesvg-color:bybit) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 13547 × 4513 grid. theSVG Color 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
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 13547 × 4513
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="13547" height="4513" viewBox="0 0 13547 4513"><path fill="#f6a500" d="M9655 3480V-1h700v3481z"/><path fill="#15182a" d="M1500 4514H0V1033h1440c700 0 1107 381 1107 978c0 386-262 636-443 719c216 98 493 318 493 782c0 650-458 1002-1097 1002m-116-2875H699v802h685c297 0 463-161 463-401c0-239-166-401-463-401m45 1413H699v856h730c317 0 468-195 468-430s-151-425-468-425zm3303 34v1428h-695V3086L2960 1033h760l669 1403l660-1403h760zm3061 1428H6293V1033h1440c700 0 1107 381 1107 978c0 386-262 636-443 719c216 98 493 318 493 782c0 650-458 1002-1097 1002m-116-2875h-685v802h685c297 0 463-161 463-401c0-239-166-401-463-401m45 1413h-730v856h730c317 0 468-195 468-430s-151-425-468-425zm4888-1413v2875h-699V1639h-937v-606h2573v606z"/></svg>How to use the Bybit icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:bybit" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:bybit" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:bybit" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--bybit]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:bybit"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:bybit"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/bybit.svg" alt="Bybit icon" width="24" height="24">Bybit icon in other icon sets
Bybit icon FAQ
Is the Bybit icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Bybit icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:bybit" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Bybit icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/bybit.svg" alt="Bybit icon">, or paste the SVG code inline to style it with CSS.