cct logo

cct from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.

Name: cct
Set: Web3 Icons Branded
Style: Branded
Viewbox: 24×24
License: MIT

1 other variant in Web3 Icons Branded

Use the cct logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#4e4f4f" d="M15.626 6.776a7.56 7.56 0 0 1 1.93 3.725h-3.58a3.94 3.94 0 0 0-3.15-2.465v-1.26z"/><path fill="#4f4f4f" d="m13.29 5.14l-4.31 2.2v.915A3.965 3.965 0 0 0 6.5 12H3c0-4.14 3.28-7.5 7.325-7.5c1.055 0 2.06.23 2.965.64"/><path fill="#f0f3fa" d="M21 13.5c-.69 3.415-3.65 6-7.2 6c-4.06 0-7.3-3.36-7.3-7.5s3.24-7.5 7.3-7.5a7.4 7.4 0 0 1 7.2 6h-3.5A4.03 4.03 0 0 0 13.8 8C11.635 8 10 9.795 10 12s1.635 3.995 3.8 3.995a4.04 4.04 0 0 0 3.7-2.495z"/><path fill="#4e504c" d="M6.5 12c0 2.205 1.67 3.995 3.825 3.995A4.01 4.01 0 0 0 14 13.5h3.5c-.685 3.415-3.64 6-7.175 6C6.275 19.5 3 16.14 3 12z"/></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedCct(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"><path fill="#4e4f4f" d="M15.626 6.776a7.56 7.56 0 0 1 1.93 3.725h-3.58a3.94 3.94 0 0 0-3.15-2.465v-1.26z"/><path fill="#4f4f4f" d="m13.29 5.14l-4.31 2.2v.915A3.965 3.965 0 0 0 6.5 12H3c0-4.14 3.28-7.5 7.325-7.5c1.055 0 2.06.23 2.965.64"/><path fill="#f0f3fa" d="M21 13.5c-.69 3.415-3.65 6-7.2 6c-4.06 0-7.3-3.36-7.3-7.5s3.24-7.5 7.3-7.5a7.4 7.4 0 0 1 7.2 6h-3.5A4.03 4.03 0 0 0 13.8 8C11.635 8 10 9.795 10 12s1.635 3.995 3.8 3.995a4.04 4.04 0 0 0 3.7-2.495z"/><path fill="#4e504c" d="M6.5 12c0 2.205 1.67 3.995 3.825 3.995A4.01 4.01 0 0 0 14 13.5h3.5c-.685 3.415-3.64 6-7.175 6C6.275 19.5 3 16.14 3 12z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#4e4f4f" d="M15.626 6.776a7.56 7.56 0 0 1 1.93 3.725h-3.58a3.94 3.94 0 0 0-3.15-2.465v-1.26z"/><path fill="#4f4f4f" d="m13.29 5.14l-4.31 2.2v.915A3.965 3.965 0 0 0 6.5 12H3c0-4.14 3.28-7.5 7.325-7.5c1.055 0 2.06.23 2.965.64"/><path fill="#f0f3fa" d="M21 13.5c-.69 3.415-3.65 6-7.2 6c-4.06 0-7.3-3.36-7.3-7.5s3.24-7.5 7.3-7.5a7.4 7.4 0 0 1 7.2 6h-3.5A4.03 4.03 0 0 0 13.8 8C11.635 8 10 9.795 10 12s1.635 3.995 3.8 3.995a4.04 4.04 0 0 0 3.7-2.495z"/><path fill="#4e504c" d="M6.5 12c0 2.205 1.67 3.995 3.825 3.995A4.01 4.01 0 0 0 14 13.5h3.5c-.685 3.415-3.64 6-7.175 6C6.275 19.5 3 16.14 3 12z"/></g></svg>
</template>

CSS

.icon-cct {
  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%3Cpath%20fill%3D%22%234e4f4f%22%20d%3D%22M15.626%206.776a7.56%207.56%200%200%201%201.93%203.725h-3.58a3.94%203.94%200%200%200-3.15-2.465v-1.26z%22%2F%3E%3Cpath%20fill%3D%22%234f4f4f%22%20d%3D%22m13.29%205.14l-4.31%202.2v.915A3.965%203.965%200%200%200%206.5%2012H3c0-4.14%203.28-7.5%207.325-7.5c1.055%200%202.06.23%202.965.64%22%2F%3E%3Cpath%20fill%3D%22%23f0f3fa%22%20d%3D%22M21%2013.5c-.69%203.415-3.65%206-7.2%206c-4.06%200-7.3-3.36-7.3-7.5s3.24-7.5%207.3-7.5a7.4%207.4%200%200%201%207.2%206h-3.5A4.03%204.03%200%200%200%2013.8%208C11.635%208%2010%209.795%2010%2012s1.635%203.995%203.8%203.995a4.04%204.04%200%200%200%203.7-2.495z%22%2F%3E%3Cpath%20fill%3D%22%234e504c%22%20d%3D%22M6.5%2012c0%202.205%201.67%203.995%203.825%203.995A4.01%204.01%200%200%200%2014%2013.5h3.5c-.685%203.415-3.64%206-7.175%206C6.275%2019.5%203%2016.14%203%2012z%22%2F%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%3Cpath%20fill%3D%22%234e4f4f%22%20d%3D%22M15.626%206.776a7.56%207.56%200%200%201%201.93%203.725h-3.58a3.94%203.94%200%200%200-3.15-2.465v-1.26z%22%2F%3E%3Cpath%20fill%3D%22%234f4f4f%22%20d%3D%22m13.29%205.14l-4.31%202.2v.915A3.965%203.965%200%200%200%206.5%2012H3c0-4.14%203.28-7.5%207.325-7.5c1.055%200%202.06.23%202.965.64%22%2F%3E%3Cpath%20fill%3D%22%23f0f3fa%22%20d%3D%22M21%2013.5c-.69%203.415-3.65%206-7.2%206c-4.06%200-7.3-3.36-7.3-7.5s3.24-7.5%207.3-7.5a7.4%207.4%200%200%201%207.2%206h-3.5A4.03%204.03%200%200%200%2013.8%208C11.635%208%2010%209.795%2010%2012s1.635%203.995%203.8%203.995a4.04%204.04%200%200%200%203.7-2.495z%22%2F%3E%3Cpath%20fill%3D%22%234e504c%22%20d%3D%22M6.5%2012c0%202.205%201.67%203.995%203.825%203.995A4.01%204.01%200%200%200%2014%2013.5h3.5c-.685%203.415-3.64%206-7.175%206C6.275%2019.5%203%2016.14%203%2012z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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