Binance icon
thesvg-color:binance
The Binance icon (thesvg-color:binance) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 201 × 201 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
- 201 × 201
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="201" height="201" viewBox="0 0 201 201"><g fill="none"><path fill="#000" d="M100.517 200.483c55.228 0 100-44.771 100-100s-44.772-100-100-100s-100 44.772-100 100s44.771 100 100 100"/><path fill="#f3ba2f" fill-rule="evenodd" d="m126.452 111.118l15.085 15.041l-41.006 40.962l-40.962-40.962l15.084-15.041l25.878 25.877zm-25.921-25.921l15.301 15.301l-15.301 15.301l-15.258-15.258v-.043l2.688-2.688l1.3-1.3zm-51.582.216l15.085 15.085l-15.085 15.041l-15.085-15.085zm103.164 0l15.085 15.085l-15.085 15.041l-15.084-15.085zm-51.582-51.582l40.962 40.962l-15.084 15.085l-25.878-25.921l-25.878 25.878L59.57 74.793z" clip-rule="evenodd"/></g></svg>
How to use the Binance icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:binance" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:binance" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:binance" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--binance]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:binance"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:binance"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/binance.svg" alt="Binance icon" width="24" height="24">
Binance icon in other icon sets
Binance icon FAQ
Is the Binance 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 Binance icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:binance" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Binance icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/binance.svg" alt="Binance icon">, or paste the SVG code inline to style it with CSS.
Browse all theSVG Color icons →
ICONYZ
