catheon logo
catheon from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- catheon
- 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 catheon 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(#SVGzvzNSdXz)" d="M10.903 15.375c-.98 0-1.052-.934-.968-1.406l-1.215-.405l-.956 2.205l.58 1.614l2.907 3.145l1.142.337a4.6 4.6 0 0 0 1.013.135c4.697 0 6.204-2.886 6.182-4.421c0-.096-.011-.186-.023-.27c-.466-3.038-2.728-3.184-3.302-3.184a2.87 2.87 0 0 0-1.45.348c-3.207 1.53-3.68 1.902-3.91 1.902"/><path fill="url(#SVG04BiqeQC)" d="M4.406 11.574c0-.495.13-1.238.197-1.547l.534-1.181l.855-1.294l6.182-1.418l.641 3.128a4.3 4.3 0 0 0-1.935-.636c-.73 0-.838.833-.849 1.137v7.74c0 2.07 1.66 3.116 2.531 3.403c-7.706-1.305-8.156-7.763-8.156-9.332"/><path fill="url(#SVGEijEHboa)" d="M19.594 7.388c0 2.492-2.25 3.487-3.431 3.487c-.99 0-2.965-.911-4.602-1.828C9.92 8.13 8.636 7.5 8.046 7.5c-1.97 0-2.706 1.558-3.454 2.56C6.156 3.754 11.42 3 13.632 3s5.962 1.271 5.962 4.388"/><defs><linearGradient id="SVGzvzNSdXz" x1="19.579" x2="6.703" y1="10.947" y2="10.947" 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><linearGradient id="SVG04BiqeQC" x1="12.005" x2="12.005" y1="3.001" y2="21.05" gradientUnits="userSpaceOnUse"><stop offset=".11" stop-color="#330665"/><stop offset=".5" stop-color="#392388"/><stop offset=".71" stop-color="#424bd2"/><stop offset=".92" stop-color="#88bffd"/></linearGradient><linearGradient id="SVGEijEHboa" x1="19.594" x2="4.822" y1="7.444" y2="7.36" gradientUnits="userSpaceOnUse"><stop stop-color="#c767ed"/><stop offset=".15" stop-color="#82018f"/><stop offset=".71" stop-color="#fc5e8e"/><stop offset="1" stop-color="#f8aad5"/></linearGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedCatheon(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(#SVGzvzNSdXz)" d="M10.903 15.375c-.98 0-1.052-.934-.968-1.406l-1.215-.405l-.956 2.205l.58 1.614l2.907 3.145l1.142.337a4.6 4.6 0 0 0 1.013.135c4.697 0 6.204-2.886 6.182-4.421c0-.096-.011-.186-.023-.27c-.466-3.038-2.728-3.184-3.302-3.184a2.87 2.87 0 0 0-1.45.348c-3.207 1.53-3.68 1.902-3.91 1.902"/><path fill="url(#SVG04BiqeQC)" d="M4.406 11.574c0-.495.13-1.238.197-1.547l.534-1.181l.855-1.294l6.182-1.418l.641 3.128a4.3 4.3 0 0 0-1.935-.636c-.73 0-.838.833-.849 1.137v7.74c0 2.07 1.66 3.116 2.531 3.403c-7.706-1.305-8.156-7.763-8.156-9.332"/><path fill="url(#SVGEijEHboa)" d="M19.594 7.388c0 2.492-2.25 3.487-3.431 3.487c-.99 0-2.965-.911-4.602-1.828C9.92 8.13 8.636 7.5 8.046 7.5c-1.97 0-2.706 1.558-3.454 2.56C6.156 3.754 11.42 3 13.632 3s5.962 1.271 5.962 4.388"/><defs><linearGradient id="SVGzvzNSdXz" x1="19.579" x2="6.703" y1="10.947" y2="10.947" gradientUnits="userSpaceOnUse"><stop stopColor="#6cdbf5"/><stop offset=".27" stopColor="#377ef2"/><stop offset=".71" stopColor="#1e4da1"/><stop offset=".91" stopColor="#04145e"/></linearGradient><linearGradient id="SVG04BiqeQC" x1="12.005" x2="12.005" y1="3.001" y2="21.05" gradientUnits="userSpaceOnUse"><stop offset=".11" stopColor="#330665"/><stop offset=".5" stopColor="#392388"/><stop offset=".71" stopColor="#424bd2"/><stop offset=".92" stopColor="#88bffd"/></linearGradient><linearGradient id="SVGEijEHboa" x1="19.594" x2="4.822" y1="7.444" y2="7.36" gradientUnits="userSpaceOnUse"><stop stopColor="#c767ed"/><stop offset=".15" stopColor="#82018f"/><stop offset=".71" stopColor="#fc5e8e"/><stop offset="1" stopColor="#f8aad5"/></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(#SVGzvzNSdXz)" d="M10.903 15.375c-.98 0-1.052-.934-.968-1.406l-1.215-.405l-.956 2.205l.58 1.614l2.907 3.145l1.142.337a4.6 4.6 0 0 0 1.013.135c4.697 0 6.204-2.886 6.182-4.421c0-.096-.011-.186-.023-.27c-.466-3.038-2.728-3.184-3.302-3.184a2.87 2.87 0 0 0-1.45.348c-3.207 1.53-3.68 1.902-3.91 1.902"/><path fill="url(#SVG04BiqeQC)" d="M4.406 11.574c0-.495.13-1.238.197-1.547l.534-1.181l.855-1.294l6.182-1.418l.641 3.128a4.3 4.3 0 0 0-1.935-.636c-.73 0-.838.833-.849 1.137v7.74c0 2.07 1.66 3.116 2.531 3.403c-7.706-1.305-8.156-7.763-8.156-9.332"/><path fill="url(#SVGEijEHboa)" d="M19.594 7.388c0 2.492-2.25 3.487-3.431 3.487c-.99 0-2.965-.911-4.602-1.828C9.92 8.13 8.636 7.5 8.046 7.5c-1.97 0-2.706 1.558-3.454 2.56C6.156 3.754 11.42 3 13.632 3s5.962 1.271 5.962 4.388"/><defs><linearGradient id="SVGzvzNSdXz" x1="19.579" x2="6.703" y1="10.947" y2="10.947" 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><linearGradient id="SVG04BiqeQC" x1="12.005" x2="12.005" y1="3.001" y2="21.05" gradientUnits="userSpaceOnUse"><stop offset=".11" stop-color="#330665"/><stop offset=".5" stop-color="#392388"/><stop offset=".71" stop-color="#424bd2"/><stop offset=".92" stop-color="#88bffd"/></linearGradient><linearGradient id="SVGEijEHboa" x1="19.594" x2="4.822" y1="7.444" y2="7.36" gradientUnits="userSpaceOnUse"><stop stop-color="#c767ed"/><stop offset=".15" stop-color="#82018f"/><stop offset=".71" stop-color="#fc5e8e"/><stop offset="1" stop-color="#f8aad5"/></linearGradient></defs></g></svg> </template>
CSS
.icon-catheon {
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(%23SVGzvzNSdXz)%22%20d%3D%22M10.903%2015.375c-.98%200-1.052-.934-.968-1.406l-1.215-.405l-.956%202.205l.58%201.614l2.907%203.145l1.142.337a4.6%204.6%200%200%200%201.013.135c4.697%200%206.204-2.886%206.182-4.421c0-.096-.011-.186-.023-.27c-.466-3.038-2.728-3.184-3.302-3.184a2.87%202.87%200%200%200-1.45.348c-3.207%201.53-3.68%201.902-3.91%201.902%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG04BiqeQC)%22%20d%3D%22M4.406%2011.574c0-.495.13-1.238.197-1.547l.534-1.181l.855-1.294l6.182-1.418l.641%203.128a4.3%204.3%200%200%200-1.935-.636c-.73%200-.838.833-.849%201.137v7.74c0%202.07%201.66%203.116%202.531%203.403c-7.706-1.305-8.156-7.763-8.156-9.332%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGEijEHboa)%22%20d%3D%22M19.594%207.388c0%202.492-2.25%203.487-3.431%203.487c-.99%200-2.965-.911-4.602-1.828C9.92%208.13%208.636%207.5%208.046%207.5c-1.97%200-2.706%201.558-3.454%202.56C6.156%203.754%2011.42%203%2013.632%203s5.962%201.271%205.962%204.388%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGzvzNSdXz%22%20x1%3D%2219.579%22%20x2%3D%226.703%22%20y1%3D%2210.947%22%20y2%3D%2210.947%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%3ClinearGradient%20id%3D%22SVG04BiqeQC%22%20x1%3D%2212.005%22%20x2%3D%2212.005%22%20y1%3D%223.001%22%20y2%3D%2221.05%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.11%22%20stop-color%3D%22%23330665%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23392388%22%2F%3E%3Cstop%20offset%3D%22.71%22%20stop-color%3D%22%23424bd2%22%2F%3E%3Cstop%20offset%3D%22.92%22%20stop-color%3D%22%2388bffd%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGEijEHboa%22%20x1%3D%2219.594%22%20x2%3D%224.822%22%20y1%3D%227.444%22%20y2%3D%227.36%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23c767ed%22%2F%3E%3Cstop%20offset%3D%22.15%22%20stop-color%3D%22%2382018f%22%2F%3E%3Cstop%20offset%3D%22.71%22%20stop-color%3D%22%23fc5e8e%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f8aad5%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(%23SVGzvzNSdXz)%22%20d%3D%22M10.903%2015.375c-.98%200-1.052-.934-.968-1.406l-1.215-.405l-.956%202.205l.58%201.614l2.907%203.145l1.142.337a4.6%204.6%200%200%200%201.013.135c4.697%200%206.204-2.886%206.182-4.421c0-.096-.011-.186-.023-.27c-.466-3.038-2.728-3.184-3.302-3.184a2.87%202.87%200%200%200-1.45.348c-3.207%201.53-3.68%201.902-3.91%201.902%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG04BiqeQC)%22%20d%3D%22M4.406%2011.574c0-.495.13-1.238.197-1.547l.534-1.181l.855-1.294l6.182-1.418l.641%203.128a4.3%204.3%200%200%200-1.935-.636c-.73%200-.838.833-.849%201.137v7.74c0%202.07%201.66%203.116%202.531%203.403c-7.706-1.305-8.156-7.763-8.156-9.332%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGEijEHboa)%22%20d%3D%22M19.594%207.388c0%202.492-2.25%203.487-3.431%203.487c-.99%200-2.965-.911-4.602-1.828C9.92%208.13%208.636%207.5%208.046%207.5c-1.97%200-2.706%201.558-3.454%202.56C6.156%203.754%2011.42%203%2013.632%203s5.962%201.271%205.962%204.388%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGzvzNSdXz%22%20x1%3D%2219.579%22%20x2%3D%226.703%22%20y1%3D%2210.947%22%20y2%3D%2210.947%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%3ClinearGradient%20id%3D%22SVG04BiqeQC%22%20x1%3D%2212.005%22%20x2%3D%2212.005%22%20y1%3D%223.001%22%20y2%3D%2221.05%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.11%22%20stop-color%3D%22%23330665%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23392388%22%2F%3E%3Cstop%20offset%3D%22.71%22%20stop-color%3D%22%23424bd2%22%2F%3E%3Cstop%20offset%3D%22.92%22%20stop-color%3D%22%2388bffd%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGEijEHboa%22%20x1%3D%2219.594%22%20x2%3D%224.822%22%20y1%3D%227.444%22%20y2%3D%227.36%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23c767ed%22%2F%3E%3Cstop%20offset%3D%22.15%22%20stop-color%3D%22%2382018f%22%2F%3E%3Cstop%20offset%3D%22.71%22%20stop-color%3D%22%23fc5e8e%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f8aad5%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/catheon.svg?color=%231a73e8&size=48
