cti logo

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

Name: cti-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 cti 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(#SVGHcSWxdhd183)"><path fill="#00d1af" d="M24 0H0v24h24z"/><path fill="#fff" d="M8.267 5.813v-.421c0-.8.48-1.392 1.6-1.392s1.6.592 1.6 1.392v.421c0 .795-.48 1.387-1.6 1.387c-1.115 0-1.6-.592-1.6-1.387m4.266 0v-.421c0-.8.48-1.392 1.6-1.392s1.6.592 1.6 1.392v.421c0 .795-.48 1.387-1.6 1.387c-1.114 0-1.6-.592-1.6-1.387m4.267 3.84v.427c0 .8.48 1.387 1.6 1.387S20 10.88 20 10.08v-.427c0-.8-.485-1.386-1.6-1.386c-1.12 0-1.6.586-1.6 1.386m0 4.267v.427c0 .8.48 1.386 1.6 1.386s1.6-.586 1.6-1.386v-.427c0-.8-.485-1.387-1.6-1.387c-1.12 0-1.6.587-1.6 1.387m-4.267-4.267v.427c0 .8.486 1.387 1.6 1.387c1.12 0 1.6-.587 1.6-1.387v-.427c0-.8-.48-1.386-1.6-1.386s-1.6.586-1.6 1.386m0 4.694v-.427c0-.8.48-1.387 1.6-1.387s1.6.587 1.6 1.387v.427c0 .8-.48 1.386-1.6 1.386c-1.114 0-1.6-.586-1.6-1.386m0 3.84v.426c0 .8.486 1.387 1.6 1.387c1.12 0 1.6-.587 1.6-1.387v-.426c0-.8-.48-1.387-1.6-1.387s-1.6.587-1.6 1.387M8.267 9.653v.427c0 .8.485 1.387 1.6 1.387c1.12 0 1.6-.587 1.6-1.387v-.427c0-.8-.48-1.386-1.6-1.386s-1.6.586-1.6 1.386m0 4.694v-.427c0-.8.48-1.387 1.6-1.387s1.6.587 1.6 1.387v.427c0 .8-.48 1.386-1.6 1.386c-1.115 0-1.6-.586-1.6-1.386m0 3.84v.426c0 .8.485 1.387 1.6 1.387c1.12 0 1.6-.587 1.6-1.387v-.426c0-.8-.48-1.387-1.6-1.387s-1.6.587-1.6 1.387M4 10.08v-.427c0-.8.48-1.386 1.6-1.386s1.6.586 1.6 1.386v.427c0 .8-.48 1.387-1.6 1.387c-1.115 0-1.6-.587-1.6-1.387m0 3.84v.427c0 .8.485 1.386 1.6 1.386c1.12 0 1.6-.586 1.6-1.386v-.427c0-.8-.48-1.387-1.6-1.387S4 13.12 4 13.92"/></g><defs><clipPath id="SVGHcSWxdhd183"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedCtiBackground(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(#SVGHcSWxdhd183)"><path fill="#00d1af" d="M24 0H0v24h24z"/><path fill="#fff" d="M8.267 5.813v-.421c0-.8.48-1.392 1.6-1.392s1.6.592 1.6 1.392v.421c0 .795-.48 1.387-1.6 1.387c-1.115 0-1.6-.592-1.6-1.387m4.266 0v-.421c0-.8.48-1.392 1.6-1.392s1.6.592 1.6 1.392v.421c0 .795-.48 1.387-1.6 1.387c-1.114 0-1.6-.592-1.6-1.387m4.267 3.84v.427c0 .8.48 1.387 1.6 1.387S20 10.88 20 10.08v-.427c0-.8-.485-1.386-1.6-1.386c-1.12 0-1.6.586-1.6 1.386m0 4.267v.427c0 .8.48 1.386 1.6 1.386s1.6-.586 1.6-1.386v-.427c0-.8-.485-1.387-1.6-1.387c-1.12 0-1.6.587-1.6 1.387m-4.267-4.267v.427c0 .8.486 1.387 1.6 1.387c1.12 0 1.6-.587 1.6-1.387v-.427c0-.8-.48-1.386-1.6-1.386s-1.6.586-1.6 1.386m0 4.694v-.427c0-.8.48-1.387 1.6-1.387s1.6.587 1.6 1.387v.427c0 .8-.48 1.386-1.6 1.386c-1.114 0-1.6-.586-1.6-1.386m0 3.84v.426c0 .8.486 1.387 1.6 1.387c1.12 0 1.6-.587 1.6-1.387v-.426c0-.8-.48-1.387-1.6-1.387s-1.6.587-1.6 1.387M8.267 9.653v.427c0 .8.485 1.387 1.6 1.387c1.12 0 1.6-.587 1.6-1.387v-.427c0-.8-.48-1.386-1.6-1.386s-1.6.586-1.6 1.386m0 4.694v-.427c0-.8.48-1.387 1.6-1.387s1.6.587 1.6 1.387v.427c0 .8-.48 1.386-1.6 1.386c-1.115 0-1.6-.586-1.6-1.386m0 3.84v.426c0 .8.485 1.387 1.6 1.387c1.12 0 1.6-.587 1.6-1.387v-.426c0-.8-.48-1.387-1.6-1.387s-1.6.587-1.6 1.387M4 10.08v-.427c0-.8.48-1.386 1.6-1.386s1.6.586 1.6 1.386v.427c0 .8-.48 1.387-1.6 1.387c-1.115 0-1.6-.587-1.6-1.387m0 3.84v.427c0 .8.485 1.386 1.6 1.386c1.12 0 1.6-.586 1.6-1.386v-.427c0-.8-.48-1.387-1.6-1.387S4 13.12 4 13.92"/></g><defs><clipPath id="SVGHcSWxdhd183"><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(#SVGHcSWxdhd183)"><path fill="#00d1af" d="M24 0H0v24h24z"/><path fill="#fff" d="M8.267 5.813v-.421c0-.8.48-1.392 1.6-1.392s1.6.592 1.6 1.392v.421c0 .795-.48 1.387-1.6 1.387c-1.115 0-1.6-.592-1.6-1.387m4.266 0v-.421c0-.8.48-1.392 1.6-1.392s1.6.592 1.6 1.392v.421c0 .795-.48 1.387-1.6 1.387c-1.114 0-1.6-.592-1.6-1.387m4.267 3.84v.427c0 .8.48 1.387 1.6 1.387S20 10.88 20 10.08v-.427c0-.8-.485-1.386-1.6-1.386c-1.12 0-1.6.586-1.6 1.386m0 4.267v.427c0 .8.48 1.386 1.6 1.386s1.6-.586 1.6-1.386v-.427c0-.8-.485-1.387-1.6-1.387c-1.12 0-1.6.587-1.6 1.387m-4.267-4.267v.427c0 .8.486 1.387 1.6 1.387c1.12 0 1.6-.587 1.6-1.387v-.427c0-.8-.48-1.386-1.6-1.386s-1.6.586-1.6 1.386m0 4.694v-.427c0-.8.48-1.387 1.6-1.387s1.6.587 1.6 1.387v.427c0 .8-.48 1.386-1.6 1.386c-1.114 0-1.6-.586-1.6-1.386m0 3.84v.426c0 .8.486 1.387 1.6 1.387c1.12 0 1.6-.587 1.6-1.387v-.426c0-.8-.48-1.387-1.6-1.387s-1.6.587-1.6 1.387M8.267 9.653v.427c0 .8.485 1.387 1.6 1.387c1.12 0 1.6-.587 1.6-1.387v-.427c0-.8-.48-1.386-1.6-1.386s-1.6.586-1.6 1.386m0 4.694v-.427c0-.8.48-1.387 1.6-1.387s1.6.587 1.6 1.387v.427c0 .8-.48 1.386-1.6 1.386c-1.115 0-1.6-.586-1.6-1.386m0 3.84v.426c0 .8.485 1.387 1.6 1.387c1.12 0 1.6-.587 1.6-1.387v-.426c0-.8-.48-1.387-1.6-1.387s-1.6.587-1.6 1.387M4 10.08v-.427c0-.8.48-1.386 1.6-1.386s1.6.586 1.6 1.386v.427c0 .8-.48 1.387-1.6 1.387c-1.115 0-1.6-.587-1.6-1.387m0 3.84v.427c0 .8.485 1.386 1.6 1.386c1.12 0 1.6-.586 1.6-1.386v-.427c0-.8-.48-1.387-1.6-1.387S4 13.12 4 13.92"/></g><defs><clipPath id="SVGHcSWxdhd183"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
</template>

CSS

.icon-cti-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(%23SVGHcSWxdhd183)%22%3E%3Cpath%20fill%3D%22%2300d1af%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8.267%205.813v-.421c0-.8.48-1.392%201.6-1.392s1.6.592%201.6%201.392v.421c0%20.795-.48%201.387-1.6%201.387c-1.115%200-1.6-.592-1.6-1.387m4.266%200v-.421c0-.8.48-1.392%201.6-1.392s1.6.592%201.6%201.392v.421c0%20.795-.48%201.387-1.6%201.387c-1.114%200-1.6-.592-1.6-1.387m4.267%203.84v.427c0%20.8.48%201.387%201.6%201.387S20%2010.88%2020%2010.08v-.427c0-.8-.485-1.386-1.6-1.386c-1.12%200-1.6.586-1.6%201.386m0%204.267v.427c0%20.8.48%201.386%201.6%201.386s1.6-.586%201.6-1.386v-.427c0-.8-.485-1.387-1.6-1.387c-1.12%200-1.6.587-1.6%201.387m-4.267-4.267v.427c0%20.8.486%201.387%201.6%201.387c1.12%200%201.6-.587%201.6-1.387v-.427c0-.8-.48-1.386-1.6-1.386s-1.6.586-1.6%201.386m0%204.694v-.427c0-.8.48-1.387%201.6-1.387s1.6.587%201.6%201.387v.427c0%20.8-.48%201.386-1.6%201.386c-1.114%200-1.6-.586-1.6-1.386m0%203.84v.426c0%20.8.486%201.387%201.6%201.387c1.12%200%201.6-.587%201.6-1.387v-.426c0-.8-.48-1.387-1.6-1.387s-1.6.587-1.6%201.387M8.267%209.653v.427c0%20.8.485%201.387%201.6%201.387c1.12%200%201.6-.587%201.6-1.387v-.427c0-.8-.48-1.386-1.6-1.386s-1.6.586-1.6%201.386m0%204.694v-.427c0-.8.48-1.387%201.6-1.387s1.6.587%201.6%201.387v.427c0%20.8-.48%201.386-1.6%201.386c-1.115%200-1.6-.586-1.6-1.386m0%203.84v.426c0%20.8.485%201.387%201.6%201.387c1.12%200%201.6-.587%201.6-1.387v-.426c0-.8-.48-1.387-1.6-1.387s-1.6.587-1.6%201.387M4%2010.08v-.427c0-.8.48-1.386%201.6-1.386s1.6.586%201.6%201.386v.427c0%20.8-.48%201.387-1.6%201.387c-1.115%200-1.6-.587-1.6-1.387m0%203.84v.427c0%20.8.485%201.386%201.6%201.386c1.12%200%201.6-.586%201.6-1.386v-.427c0-.8-.48-1.387-1.6-1.387S4%2013.12%204%2013.92%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd183%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(%23SVGHcSWxdhd183)%22%3E%3Cpath%20fill%3D%22%2300d1af%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8.267%205.813v-.421c0-.8.48-1.392%201.6-1.392s1.6.592%201.6%201.392v.421c0%20.795-.48%201.387-1.6%201.387c-1.115%200-1.6-.592-1.6-1.387m4.266%200v-.421c0-.8.48-1.392%201.6-1.392s1.6.592%201.6%201.392v.421c0%20.795-.48%201.387-1.6%201.387c-1.114%200-1.6-.592-1.6-1.387m4.267%203.84v.427c0%20.8.48%201.387%201.6%201.387S20%2010.88%2020%2010.08v-.427c0-.8-.485-1.386-1.6-1.386c-1.12%200-1.6.586-1.6%201.386m0%204.267v.427c0%20.8.48%201.386%201.6%201.386s1.6-.586%201.6-1.386v-.427c0-.8-.485-1.387-1.6-1.387c-1.12%200-1.6.587-1.6%201.387m-4.267-4.267v.427c0%20.8.486%201.387%201.6%201.387c1.12%200%201.6-.587%201.6-1.387v-.427c0-.8-.48-1.386-1.6-1.386s-1.6.586-1.6%201.386m0%204.694v-.427c0-.8.48-1.387%201.6-1.387s1.6.587%201.6%201.387v.427c0%20.8-.48%201.386-1.6%201.386c-1.114%200-1.6-.586-1.6-1.386m0%203.84v.426c0%20.8.486%201.387%201.6%201.387c1.12%200%201.6-.587%201.6-1.387v-.426c0-.8-.48-1.387-1.6-1.387s-1.6.587-1.6%201.387M8.267%209.653v.427c0%20.8.485%201.387%201.6%201.387c1.12%200%201.6-.587%201.6-1.387v-.427c0-.8-.48-1.386-1.6-1.386s-1.6.586-1.6%201.386m0%204.694v-.427c0-.8.48-1.387%201.6-1.387s1.6.587%201.6%201.387v.427c0%20.8-.48%201.386-1.6%201.386c-1.115%200-1.6-.586-1.6-1.386m0%203.84v.426c0%20.8.485%201.387%201.6%201.387c1.12%200%201.6-.587%201.6-1.387v-.426c0-.8-.48-1.387-1.6-1.387s-1.6.587-1.6%201.387M4%2010.08v-.427c0-.8.48-1.386%201.6-1.386s1.6.586%201.6%201.386v.427c0%20.8-.48%201.387-1.6%201.387c-1.115%200-1.6-.587-1.6-1.387m0%203.84v.427c0%20.8.485%201.386%201.6%201.386c1.12%200%201.6-.586%201.6-1.386v-.427c0-.8-.48-1.387-1.6-1.387S4%2013.12%204%2013.92%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd183%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/cti-background.svg?color=%231a73e8&size=48