catheon logo

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

Name: catheon-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 catheon 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(#SVGHcSWxdhd)"><path fill="url(#SVGsc2BzJGz)" d="M24 0H0v24h24z"/><path fill="#fff" d="M11.025 15c-.87 0-.935-.83-.86-1.25l-1.08-.36l-.85 1.96l.515 1.435l2.585 2.795l1.015.3c.15.04.55.12.9.12c4.175 0 5.515-2.565 5.495-3.93c0-.085-.01-.165-.02-.24C18.31 13.13 16.3 13 15.79 13a2.55 2.55 0 0 0-1.29.31C11.65 14.67 11.23 15 11.025 15"/><path fill="#fff" d="M5.25 11.621c0-.44.115-1.1.175-1.375l.475-1.05l.76-1.15l5.495-1.26l.57 2.78a3.8 3.8 0 0 0-1.72-.565c-.65 0-.745.74-.755 1.01v6.88c0 1.84 1.475 2.77 2.25 3.026c-6.85-1.16-7.25-6.9-7.25-8.296"/><path fill="#fff" d="M18.75 7.9c0 2.215-2 3.1-3.05 3.1c-.88 0-2.635-.81-4.09-1.625C10.15 8.56 9.01 8 8.485 8c-1.75 0-2.405 1.385-3.07 2.275C6.805 4.67 11.485 4 13.45 4s5.3 1.13 5.3 3.9"/></g><defs><linearGradient id="SVGsc2BzJGz" x1="18.737" x2="7.292" y1="11.064" y2="11.064" gradientUnits="userSpaceOnUse"><stop stop-color="#6cdbf5"/><stop offset=".27" stop-color="#377ef2"/><stop offset=".71" stop-color="#1e4da1"/><stop offset=".91" stop-color="#04145e"/></linearGradient><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedCatheonBackground(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(#SVGHcSWxdhd)"><path fill="url(#SVGsc2BzJGz)" d="M24 0H0v24h24z"/><path fill="#fff" d="M11.025 15c-.87 0-.935-.83-.86-1.25l-1.08-.36l-.85 1.96l.515 1.435l2.585 2.795l1.015.3c.15.04.55.12.9.12c4.175 0 5.515-2.565 5.495-3.93c0-.085-.01-.165-.02-.24C18.31 13.13 16.3 13 15.79 13a2.55 2.55 0 0 0-1.29.31C11.65 14.67 11.23 15 11.025 15"/><path fill="#fff" d="M5.25 11.621c0-.44.115-1.1.175-1.375l.475-1.05l.76-1.15l5.495-1.26l.57 2.78a3.8 3.8 0 0 0-1.72-.565c-.65 0-.745.74-.755 1.01v6.88c0 1.84 1.475 2.77 2.25 3.026c-6.85-1.16-7.25-6.9-7.25-8.296"/><path fill="#fff" d="M18.75 7.9c0 2.215-2 3.1-3.05 3.1c-.88 0-2.635-.81-4.09-1.625C10.15 8.56 9.01 8 8.485 8c-1.75 0-2.405 1.385-3.07 2.275C6.805 4.67 11.485 4 13.45 4s5.3 1.13 5.3 3.9"/></g><defs><linearGradient id="SVGsc2BzJGz" x1="18.737" x2="7.292" y1="11.064" y2="11.064" gradientUnits="userSpaceOnUse"><stop stopColor="#6cdbf5"/><stop offset=".27" stopColor="#377ef2"/><stop offset=".71" stopColor="#1e4da1"/><stop offset=".91" stopColor="#04145e"/></linearGradient><clipPath id="SVGHcSWxdhd"><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(#SVGHcSWxdhd)"><path fill="url(#SVGsc2BzJGz)" d="M24 0H0v24h24z"/><path fill="#fff" d="M11.025 15c-.87 0-.935-.83-.86-1.25l-1.08-.36l-.85 1.96l.515 1.435l2.585 2.795l1.015.3c.15.04.55.12.9.12c4.175 0 5.515-2.565 5.495-3.93c0-.085-.01-.165-.02-.24C18.31 13.13 16.3 13 15.79 13a2.55 2.55 0 0 0-1.29.31C11.65 14.67 11.23 15 11.025 15"/><path fill="#fff" d="M5.25 11.621c0-.44.115-1.1.175-1.375l.475-1.05l.76-1.15l5.495-1.26l.57 2.78a3.8 3.8 0 0 0-1.72-.565c-.65 0-.745.74-.755 1.01v6.88c0 1.84 1.475 2.77 2.25 3.026c-6.85-1.16-7.25-6.9-7.25-8.296"/><path fill="#fff" d="M18.75 7.9c0 2.215-2 3.1-3.05 3.1c-.88 0-2.635-.81-4.09-1.625C10.15 8.56 9.01 8 8.485 8c-1.75 0-2.405 1.385-3.07 2.275C6.805 4.67 11.485 4 13.45 4s5.3 1.13 5.3 3.9"/></g><defs><linearGradient id="SVGsc2BzJGz" x1="18.737" x2="7.292" y1="11.064" y2="11.064" gradientUnits="userSpaceOnUse"><stop stop-color="#6cdbf5"/><stop offset=".27" stop-color="#377ef2"/><stop offset=".71" stop-color="#1e4da1"/><stop offset=".91" stop-color="#04145e"/></linearGradient><clipPath id="SVGHcSWxdhd"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
</template>

CSS

.icon-catheon-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(%23SVGHcSWxdhd)%22%3E%3Cpath%20fill%3D%22url(%23SVGsc2BzJGz)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11.025%2015c-.87%200-.935-.83-.86-1.25l-1.08-.36l-.85%201.96l.515%201.435l2.585%202.795l1.015.3c.15.04.55.12.9.12c4.175%200%205.515-2.565%205.495-3.93c0-.085-.01-.165-.02-.24C18.31%2013.13%2016.3%2013%2015.79%2013a2.55%202.55%200%200%200-1.29.31C11.65%2014.67%2011.23%2015%2011.025%2015%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5.25%2011.621c0-.44.115-1.1.175-1.375l.475-1.05l.76-1.15l5.495-1.26l.57%202.78a3.8%203.8%200%200%200-1.72-.565c-.65%200-.745.74-.755%201.01v6.88c0%201.84%201.475%202.77%202.25%203.026c-6.85-1.16-7.25-6.9-7.25-8.296%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18.75%207.9c0%202.215-2%203.1-3.05%203.1c-.88%200-2.635-.81-4.09-1.625C10.15%208.56%209.01%208%208.485%208c-1.75%200-2.405%201.385-3.07%202.275C6.805%204.67%2011.485%204%2013.45%204s5.3%201.13%205.3%203.9%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGsc2BzJGz%22%20x1%3D%2218.737%22%20x2%3D%227.292%22%20y1%3D%2211.064%22%20y2%3D%2211.064%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%236cdbf5%22%2F%3E%3Cstop%20offset%3D%22.27%22%20stop-color%3D%22%23377ef2%22%2F%3E%3Cstop%20offset%3D%22.71%22%20stop-color%3D%22%231e4da1%22%2F%3E%3Cstop%20offset%3D%22.91%22%20stop-color%3D%22%2304145e%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd%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(%23SVGHcSWxdhd)%22%3E%3Cpath%20fill%3D%22url(%23SVGsc2BzJGz)%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11.025%2015c-.87%200-.935-.83-.86-1.25l-1.08-.36l-.85%201.96l.515%201.435l2.585%202.795l1.015.3c.15.04.55.12.9.12c4.175%200%205.515-2.565%205.495-3.93c0-.085-.01-.165-.02-.24C18.31%2013.13%2016.3%2013%2015.79%2013a2.55%202.55%200%200%200-1.29.31C11.65%2014.67%2011.23%2015%2011.025%2015%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5.25%2011.621c0-.44.115-1.1.175-1.375l.475-1.05l.76-1.15l5.495-1.26l.57%202.78a3.8%203.8%200%200%200-1.72-.565c-.65%200-.745.74-.755%201.01v6.88c0%201.84%201.475%202.77%202.25%203.026c-6.85-1.16-7.25-6.9-7.25-8.296%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18.75%207.9c0%202.215-2%203.1-3.05%203.1c-.88%200-2.635-.81-4.09-1.625C10.15%208.56%209.01%208%208.485%208c-1.75%200-2.405%201.385-3.07%202.275C6.805%204.67%2011.485%204%2013.45%204s5.3%201.13%205.3%203.9%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGsc2BzJGz%22%20x1%3D%2218.737%22%20x2%3D%227.292%22%20y1%3D%2211.064%22%20y2%3D%2211.064%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%236cdbf5%22%2F%3E%3Cstop%20offset%3D%22.27%22%20stop-color%3D%22%23377ef2%22%2F%3E%3Cstop%20offset%3D%22.71%22%20stop-color%3D%22%231e4da1%22%2F%3E%3Cstop%20offset%3D%22.91%22%20stop-color%3D%22%2304145e%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd%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/catheon-background.svg?color=%231a73e8&size=48