ibit logo

ibit-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.

Name: ibit-background
Set: Web3 Icons Branded
Style: Background
Viewbox: 24×24
License: MIT

1 other variant in Web3 Icons Branded

The same logo in other sets

Use the ibit logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd168)"><path fill="#4a9edc" d="M24 0H0v24h24z"/><path fill="#fff" d="M7.2 8.343a1.371 1.371 0 1 0 0-2.742a1.371 1.371 0 0 0 0 2.742"/><path fill="#fff" d="M7.2 7.67a.7.7 0 1 0 0-1.4a.7.7 0 0 0 0 1.4m11.427 6.158a.914.914 0 1 0 0-1.828a.914.914 0 0 0 0 1.828"/><path fill="#fff" d="M18.628 13.379a.466.466 0 1 0 0-.933a.466.466 0 0 0 0 .933M6.652 8.717c-3.822.772-2.688 4.83-1.646 6.764c-.329-2.573.663-4.42 2.089-4.552c1.43-.128 2.445.731 5.11 3.382s4.178 3.172 5.604 3.122c1.43-.05 1.98-.594 1.874-1.536c-.091-.75-1.453-.59-2.12-.411c.31 0 .968.132 1.096.672c.137.544-.512.676-.85.676c-2.002-.31-3.734-2.495-6.509-5.54c-2.22-2.436-3.766-2.751-4.644-2.578z"/><path fill="#fff" d="M18.7 17.31c-2.056-.137-3.158-.96-4.177-1.723a13 13 0 0 0-.53-.389c-.348-.246-.828-.772-1.404-1.403c-1.581-1.728-3.876-4.233-5.988-3.775c-2.13.457-2.194 3.185-1.92 4.799l.129.274l.009-.018l.132-.26c-.091-2.222.841-3.767 2.149-3.886c1.426-.128 2.44.732 5.105 3.383s4.178 3.172 5.604 3.121q.521-.02.891-.123"/><path fill="#fff" d="M8.608 18.397c-2.816-.046-2.857-2.482-2.528-3.698c.357 1.797.796 2.578 2.528 2.706c1.385.105 3.89-.941 4.973-1.48l1.18.913c-1.153.389-2.638 1.61-6.153 1.554z"/><path fill="#fff" d="M5.938 15.798c.01 1.197.567 2.569 2.67 2.6c2.697.037 4.205-.671 5.275-1.183c.324-.151.612-.288.877-.38l-.7-.535c-1.26.627-3.642 1.6-5.425 1.6c-1.609 0-2.395-1.179-2.697-2.102m12.365-1.491c-1.052-.092-2.423.548-2.972.873l1.075.95c.2-.15.822-.457 1.691-.466c.877-.014 1.261.777 1.344 1.18c1.261-1.152.169-2.423-1.143-2.537z"/><path fill="#fff" d="M15.793 15.587c.65-.243 1.824-.604 2.555-.549c.896.064 1.234.79 1.18 1.723c1.124-1.129.05-2.34-1.225-2.454c-1.052-.092-2.423.548-2.972.873l.458.406z"/></g><defs><clipPath id="SVGHcSWxdhd168"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedIbitBackground(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clipPath="url(#SVGHcSWxdhd168)"><path fill="#4a9edc" d="M24 0H0v24h24z"/><path fill="#fff" d="M7.2 8.343a1.371 1.371 0 1 0 0-2.742a1.371 1.371 0 0 0 0 2.742"/><path fill="#fff" d="M7.2 7.67a.7.7 0 1 0 0-1.4a.7.7 0 0 0 0 1.4m11.427 6.158a.914.914 0 1 0 0-1.828a.914.914 0 0 0 0 1.828"/><path fill="#fff" d="M18.628 13.379a.466.466 0 1 0 0-.933a.466.466 0 0 0 0 .933M6.652 8.717c-3.822.772-2.688 4.83-1.646 6.764c-.329-2.573.663-4.42 2.089-4.552c1.43-.128 2.445.731 5.11 3.382s4.178 3.172 5.604 3.122c1.43-.05 1.98-.594 1.874-1.536c-.091-.75-1.453-.59-2.12-.411c.31 0 .968.132 1.096.672c.137.544-.512.676-.85.676c-2.002-.31-3.734-2.495-6.509-5.54c-2.22-2.436-3.766-2.751-4.644-2.578z"/><path fill="#fff" d="M18.7 17.31c-2.056-.137-3.158-.96-4.177-1.723a13 13 0 0 0-.53-.389c-.348-.246-.828-.772-1.404-1.403c-1.581-1.728-3.876-4.233-5.988-3.775c-2.13.457-2.194 3.185-1.92 4.799l.129.274l.009-.018l.132-.26c-.091-2.222.841-3.767 2.149-3.886c1.426-.128 2.44.732 5.105 3.383s4.178 3.172 5.604 3.121q.521-.02.891-.123"/><path fill="#fff" d="M8.608 18.397c-2.816-.046-2.857-2.482-2.528-3.698c.357 1.797.796 2.578 2.528 2.706c1.385.105 3.89-.941 4.973-1.48l1.18.913c-1.153.389-2.638 1.61-6.153 1.554z"/><path fill="#fff" d="M5.938 15.798c.01 1.197.567 2.569 2.67 2.6c2.697.037 4.205-.671 5.275-1.183c.324-.151.612-.288.877-.38l-.7-.535c-1.26.627-3.642 1.6-5.425 1.6c-1.609 0-2.395-1.179-2.697-2.102m12.365-1.491c-1.052-.092-2.423.548-2.972.873l1.075.95c.2-.15.822-.457 1.691-.466c.877-.014 1.261.777 1.344 1.18c1.261-1.152.169-2.423-1.143-2.537z"/><path fill="#fff" d="M15.793 15.587c.65-.243 1.824-.604 2.555-.549c.896.064 1.234.79 1.18 1.723c1.124-1.129.05-2.34-1.225-2.454c-1.052-.092-2.423.548-2.972.873l.458.406z"/></g><defs><clipPath id="SVGHcSWxdhd168"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd168)"><path fill="#4a9edc" d="M24 0H0v24h24z"/><path fill="#fff" d="M7.2 8.343a1.371 1.371 0 1 0 0-2.742a1.371 1.371 0 0 0 0 2.742"/><path fill="#fff" d="M7.2 7.67a.7.7 0 1 0 0-1.4a.7.7 0 0 0 0 1.4m11.427 6.158a.914.914 0 1 0 0-1.828a.914.914 0 0 0 0 1.828"/><path fill="#fff" d="M18.628 13.379a.466.466 0 1 0 0-.933a.466.466 0 0 0 0 .933M6.652 8.717c-3.822.772-2.688 4.83-1.646 6.764c-.329-2.573.663-4.42 2.089-4.552c1.43-.128 2.445.731 5.11 3.382s4.178 3.172 5.604 3.122c1.43-.05 1.98-.594 1.874-1.536c-.091-.75-1.453-.59-2.12-.411c.31 0 .968.132 1.096.672c.137.544-.512.676-.85.676c-2.002-.31-3.734-2.495-6.509-5.54c-2.22-2.436-3.766-2.751-4.644-2.578z"/><path fill="#fff" d="M18.7 17.31c-2.056-.137-3.158-.96-4.177-1.723a13 13 0 0 0-.53-.389c-.348-.246-.828-.772-1.404-1.403c-1.581-1.728-3.876-4.233-5.988-3.775c-2.13.457-2.194 3.185-1.92 4.799l.129.274l.009-.018l.132-.26c-.091-2.222.841-3.767 2.149-3.886c1.426-.128 2.44.732 5.105 3.383s4.178 3.172 5.604 3.121q.521-.02.891-.123"/><path fill="#fff" d="M8.608 18.397c-2.816-.046-2.857-2.482-2.528-3.698c.357 1.797.796 2.578 2.528 2.706c1.385.105 3.89-.941 4.973-1.48l1.18.913c-1.153.389-2.638 1.61-6.153 1.554z"/><path fill="#fff" d="M5.938 15.798c.01 1.197.567 2.569 2.67 2.6c2.697.037 4.205-.671 5.275-1.183c.324-.151.612-.288.877-.38l-.7-.535c-1.26.627-3.642 1.6-5.425 1.6c-1.609 0-2.395-1.179-2.697-2.102m12.365-1.491c-1.052-.092-2.423.548-2.972.873l1.075.95c.2-.15.822-.457 1.691-.466c.877-.014 1.261.777 1.344 1.18c1.261-1.152.169-2.423-1.143-2.537z"/><path fill="#fff" d="M15.793 15.587c.65-.243 1.824-.604 2.555-.549c.896.064 1.234.79 1.18 1.723c1.124-1.129.05-2.34-1.225-2.454c-1.052-.092-2.423.548-2.972.873l.458.406z"/></g><defs><clipPath id="SVGHcSWxdhd168"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
</template>

CSS

.icon-ibit-background {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd168)%22%3E%3Cpath%20fill%3D%22%234a9edc%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M7.2%208.343a1.371%201.371%200%201%200%200-2.742a1.371%201.371%200%200%200%200%202.742%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M7.2%207.67a.7.7%200%201%200%200-1.4a.7.7%200%200%200%200%201.4m11.427%206.158a.914.914%200%201%200%200-1.828a.914.914%200%200%200%200%201.828%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18.628%2013.379a.466.466%200%201%200%200-.933a.466.466%200%200%200%200%20.933M6.652%208.717c-3.822.772-2.688%204.83-1.646%206.764c-.329-2.573.663-4.42%202.089-4.552c1.43-.128%202.445.731%205.11%203.382s4.178%203.172%205.604%203.122c1.43-.05%201.98-.594%201.874-1.536c-.091-.75-1.453-.59-2.12-.411c.31%200%20.968.132%201.096.672c.137.544-.512.676-.85.676c-2.002-.31-3.734-2.495-6.509-5.54c-2.22-2.436-3.766-2.751-4.644-2.578z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18.7%2017.31c-2.056-.137-3.158-.96-4.177-1.723a13%2013%200%200%200-.53-.389c-.348-.246-.828-.772-1.404-1.403c-1.581-1.728-3.876-4.233-5.988-3.775c-2.13.457-2.194%203.185-1.92%204.799l.129.274l.009-.018l.132-.26c-.091-2.222.841-3.767%202.149-3.886c1.426-.128%202.44.732%205.105%203.383s4.178%203.172%205.604%203.121q.521-.02.891-.123%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8.608%2018.397c-2.816-.046-2.857-2.482-2.528-3.698c.357%201.797.796%202.578%202.528%202.706c1.385.105%203.89-.941%204.973-1.48l1.18.913c-1.153.389-2.638%201.61-6.153%201.554z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5.938%2015.798c.01%201.197.567%202.569%202.67%202.6c2.697.037%204.205-.671%205.275-1.183c.324-.151.612-.288.877-.38l-.7-.535c-1.26.627-3.642%201.6-5.425%201.6c-1.609%200-2.395-1.179-2.697-2.102m12.365-1.491c-1.052-.092-2.423.548-2.972.873l1.075.95c.2-.15.822-.457%201.691-.466c.877-.014%201.261.777%201.344%201.18c1.261-1.152.169-2.423-1.143-2.537z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15.793%2015.587c.65-.243%201.824-.604%202.555-.549c.896.064%201.234.79%201.18%201.723c1.124-1.129.05-2.34-1.225-2.454c-1.052-.092-2.423.548-2.972.873l.458.406z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd168%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd168)%22%3E%3Cpath%20fill%3D%22%234a9edc%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M7.2%208.343a1.371%201.371%200%201%200%200-2.742a1.371%201.371%200%200%200%200%202.742%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M7.2%207.67a.7.7%200%201%200%200-1.4a.7.7%200%200%200%200%201.4m11.427%206.158a.914.914%200%201%200%200-1.828a.914.914%200%200%200%200%201.828%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18.628%2013.379a.466.466%200%201%200%200-.933a.466.466%200%200%200%200%20.933M6.652%208.717c-3.822.772-2.688%204.83-1.646%206.764c-.329-2.573.663-4.42%202.089-4.552c1.43-.128%202.445.731%205.11%203.382s4.178%203.172%205.604%203.122c1.43-.05%201.98-.594%201.874-1.536c-.091-.75-1.453-.59-2.12-.411c.31%200%20.968.132%201.096.672c.137.544-.512.676-.85.676c-2.002-.31-3.734-2.495-6.509-5.54c-2.22-2.436-3.766-2.751-4.644-2.578z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18.7%2017.31c-2.056-.137-3.158-.96-4.177-1.723a13%2013%200%200%200-.53-.389c-.348-.246-.828-.772-1.404-1.403c-1.581-1.728-3.876-4.233-5.988-3.775c-2.13.457-2.194%203.185-1.92%204.799l.129.274l.009-.018l.132-.26c-.091-2.222.841-3.767%202.149-3.886c1.426-.128%202.44.732%205.105%203.383s4.178%203.172%205.604%203.121q.521-.02.891-.123%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8.608%2018.397c-2.816-.046-2.857-2.482-2.528-3.698c.357%201.797.796%202.578%202.528%202.706c1.385.105%203.89-.941%204.973-1.48l1.18.913c-1.153.389-2.638%201.61-6.153%201.554z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5.938%2015.798c.01%201.197.567%202.569%202.67%202.6c2.697.037%204.205-.671%205.275-1.183c.324-.151.612-.288.877-.38l-.7-.535c-1.26.627-3.642%201.6-5.425%201.6c-1.609%200-2.395-1.179-2.697-2.102m12.365-1.491c-1.052-.092-2.423.548-2.972.873l1.075.95c.2-.15.822-.457%201.691-.466c.877-.014%201.261.777%201.344%201.18c1.261-1.152.169-2.423-1.143-2.537z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15.793%2015.587c.65-.243%201.824-.604%202.555-.549c.896.064%201.234.79%201.18%201.723c1.124-1.129.05-2.34-1.225-2.454c-1.052-.092-2.423.548-2.972.873l.458.406z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd168%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/ibit-background.svg?color=%231a73e8&size=48