trcl logo

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

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

1 other variant in Web3 Icons Branded

The same logo in other sets

Use the trcl logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVGj7FEBdXc)" d="M4.323 11.206L3 12.266C3 8.558 5.615 3.53 11.438 3.53c3.023 0 5.23 1.16 6.882 2.753l.503-.1l-.275.333A8.95 8.95 0 0 1 21 12.8c0 4.023-1.233 6.786-1.853 7.67c-2.911-1.058-3.44-3.705-3.44-4.764c0-.604.163-1.043.349-1.52c.211-.56.428-1.127.428-2.186c0-.53-.116-1.852-.915-3.213L10.41 12.72v.08a2.382 2.382 0 1 1-1.397-2.17l5.892-2.753c-.868-.953-2.234-1.7-4.262-1.7c-4.235 0-5.966 3.357-6.32 5.03"/><defs><linearGradient id="SVGj7FEBdXc" x1="3.736" x2="20.411" y1="8.824" y2="9.353" gradientUnits="userSpaceOnUse"><stop stop-color="#101bab"/><stop offset="1" stop-color="#111b38"/></linearGradient></defs></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedTrcl(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="url(#SVGj7FEBdXc)" d="M4.323 11.206L3 12.266C3 8.558 5.615 3.53 11.438 3.53c3.023 0 5.23 1.16 6.882 2.753l.503-.1l-.275.333A8.95 8.95 0 0 1 21 12.8c0 4.023-1.233 6.786-1.853 7.67c-2.911-1.058-3.44-3.705-3.44-4.764c0-.604.163-1.043.349-1.52c.211-.56.428-1.127.428-2.186c0-.53-.116-1.852-.915-3.213L10.41 12.72v.08a2.382 2.382 0 1 1-1.397-2.17l5.892-2.753c-.868-.953-2.234-1.7-4.262-1.7c-4.235 0-5.966 3.357-6.32 5.03"/><defs><linearGradient id="SVGj7FEBdXc" x1="3.736" x2="20.411" y1="8.824" y2="9.353" gradientUnits="userSpaceOnUse"><stop stopColor="#101bab"/><stop offset="1" stopColor="#111b38"/></linearGradient></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"><path fill="url(#SVGj7FEBdXc)" d="M4.323 11.206L3 12.266C3 8.558 5.615 3.53 11.438 3.53c3.023 0 5.23 1.16 6.882 2.753l.503-.1l-.275.333A8.95 8.95 0 0 1 21 12.8c0 4.023-1.233 6.786-1.853 7.67c-2.911-1.058-3.44-3.705-3.44-4.764c0-.604.163-1.043.349-1.52c.211-.56.428-1.127.428-2.186c0-.53-.116-1.852-.915-3.213L10.41 12.72v.08a2.382 2.382 0 1 1-1.397-2.17l5.892-2.753c-.868-.953-2.234-1.7-4.262-1.7c-4.235 0-5.966 3.357-6.32 5.03"/><defs><linearGradient id="SVGj7FEBdXc" x1="3.736" x2="20.411" y1="8.824" y2="9.353" gradientUnits="userSpaceOnUse"><stop stop-color="#101bab"/><stop offset="1" stop-color="#111b38"/></linearGradient></defs></g></svg>
</template>

CSS

.icon-trcl {
  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%22url(%23SVGj7FEBdXc)%22%20d%3D%22M4.323%2011.206L3%2012.266C3%208.558%205.615%203.53%2011.438%203.53c3.023%200%205.23%201.16%206.882%202.753l.503-.1l-.275.333A8.95%208.95%200%200%201%2021%2012.8c0%204.023-1.233%206.786-1.853%207.67c-2.911-1.058-3.44-3.705-3.44-4.764c0-.604.163-1.043.349-1.52c.211-.56.428-1.127.428-2.186c0-.53-.116-1.852-.915-3.213L10.41%2012.72v.08a2.382%202.382%200%201%201-1.397-2.17l5.892-2.753c-.868-.953-2.234-1.7-4.262-1.7c-4.235%200-5.966%203.357-6.32%205.03%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGj7FEBdXc%22%20x1%3D%223.736%22%20x2%3D%2220.411%22%20y1%3D%228.824%22%20y2%3D%229.353%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23101bab%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23111b38%22%2F%3E%3C%2FlinearGradient%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%3Cpath%20fill%3D%22url(%23SVGj7FEBdXc)%22%20d%3D%22M4.323%2011.206L3%2012.266C3%208.558%205.615%203.53%2011.438%203.53c3.023%200%205.23%201.16%206.882%202.753l.503-.1l-.275.333A8.95%208.95%200%200%201%2021%2012.8c0%204.023-1.233%206.786-1.853%207.67c-2.911-1.058-3.44-3.705-3.44-4.764c0-.604.163-1.043.349-1.52c.211-.56.428-1.127.428-2.186c0-.53-.116-1.852-.915-3.213L10.41%2012.72v.08a2.382%202.382%200%201%201-1.397-2.17l5.892-2.753c-.868-.953-2.234-1.7-4.262-1.7c-4.235%200-5.966%203.357-6.32%205.03%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGj7FEBdXc%22%20x1%3D%223.736%22%20x2%3D%2220.411%22%20y1%3D%228.824%22%20y2%3D%229.353%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23101bab%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23111b38%22%2F%3E%3C%2FlinearGradient%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/trcl.svg?color=%231a73e8&size=48