catheon logo
catheon from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- catheon
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
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"><path fill="currentColor" d="M10.903 15.375c-.979 0-1.052-.934-.968-1.406l-1.215-.405l-.956 2.205l.58 1.614l2.908 3.145l1.142.337a4.6 4.6 0 0 0 1.012.135c4.697 0 6.205-2.886 6.182-4.421c0-.096-.01-.186-.022-.27c-.467-3.038-2.728-3.184-3.302-3.184a2.87 2.87 0 0 0-1.451.348c-3.207 1.53-3.68 1.902-3.91 1.902"/><path fill="currentColor" d="M4.406 11.574c0-.495.13-1.238.197-1.547l.535-1.181l.855-1.294l6.182-1.418l.641 3.128a4.3 4.3 0 0 0-1.935-.636c-.731 0-.838.833-.85 1.137v7.74c0 2.07 1.66 3.116 2.532 3.403c-7.707-1.305-8.157-7.763-8.157-9.332"/><path fill="currentColor" d="M19.594 7.388c0 2.492-2.25 3.487-3.432 3.487c-.99 0-2.964-.911-4.601-1.828C9.918 8.13 8.636 7.5 8.045 7.5c-1.969 0-2.706 1.558-3.454 2.56C6.155 3.754 11.421 3 13.631 3s5.963 1.271 5.963 4.388"/></svg>
React
import type { SVGProps } from "react";
export function TokenCatheon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.903 15.375c-.979 0-1.052-.934-.968-1.406l-1.215-.405l-.956 2.205l.58 1.614l2.908 3.145l1.142.337a4.6 4.6 0 0 0 1.012.135c4.697 0 6.205-2.886 6.182-4.421c0-.096-.01-.186-.022-.27c-.467-3.038-2.728-3.184-3.302-3.184a2.87 2.87 0 0 0-1.451.348c-3.207 1.53-3.68 1.902-3.91 1.902"/><path fill="currentColor" d="M4.406 11.574c0-.495.13-1.238.197-1.547l.535-1.181l.855-1.294l6.182-1.418l.641 3.128a4.3 4.3 0 0 0-1.935-.636c-.731 0-.838.833-.85 1.137v7.74c0 2.07 1.66 3.116 2.532 3.403c-7.707-1.305-8.157-7.763-8.157-9.332"/><path fill="currentColor" d="M19.594 7.388c0 2.492-2.25 3.487-3.432 3.487c-.99 0-2.964-.911-4.601-1.828C9.918 8.13 8.636 7.5 8.045 7.5c-1.969 0-2.706 1.558-3.454 2.56C6.155 3.754 11.421 3 13.631 3s5.963 1.271 5.963 4.388"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.903 15.375c-.979 0-1.052-.934-.968-1.406l-1.215-.405l-.956 2.205l.58 1.614l2.908 3.145l1.142.337a4.6 4.6 0 0 0 1.012.135c4.697 0 6.205-2.886 6.182-4.421c0-.096-.01-.186-.022-.27c-.467-3.038-2.728-3.184-3.302-3.184a2.87 2.87 0 0 0-1.451.348c-3.207 1.53-3.68 1.902-3.91 1.902"/><path fill="currentColor" d="M4.406 11.574c0-.495.13-1.238.197-1.547l.535-1.181l.855-1.294l6.182-1.418l.641 3.128a4.3 4.3 0 0 0-1.935-.636c-.731 0-.838.833-.85 1.137v7.74c0 2.07 1.66 3.116 2.532 3.403c-7.707-1.305-8.157-7.763-8.157-9.332"/><path fill="currentColor" d="M19.594 7.388c0 2.492-2.25 3.487-3.432 3.487c-.99 0-2.964-.911-4.601-1.828C9.918 8.13 8.636 7.5 8.045 7.5c-1.969 0-2.706 1.558-3.454 2.56C6.155 3.754 11.421 3 13.631 3s5.963 1.271 5.963 4.388"/></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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.903%2015.375c-.979%200-1.052-.934-.968-1.406l-1.215-.405l-.956%202.205l.58%201.614l2.908%203.145l1.142.337a4.6%204.6%200%200%200%201.012.135c4.697%200%206.205-2.886%206.182-4.421c0-.096-.01-.186-.022-.27c-.467-3.038-2.728-3.184-3.302-3.184a2.87%202.87%200%200%200-1.451.348c-3.207%201.53-3.68%201.902-3.91%201.902%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.406%2011.574c0-.495.13-1.238.197-1.547l.535-1.181l.855-1.294l6.182-1.418l.641%203.128a4.3%204.3%200%200%200-1.935-.636c-.731%200-.838.833-.85%201.137v7.74c0%202.07%201.66%203.116%202.532%203.403c-7.707-1.305-8.157-7.763-8.157-9.332%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.594%207.388c0%202.492-2.25%203.487-3.432%203.487c-.99%200-2.964-.911-4.601-1.828C9.918%208.13%208.636%207.5%208.045%207.5c-1.969%200-2.706%201.558-3.454%202.56C6.155%203.754%2011.421%203%2013.631%203s5.963%201.271%205.963%204.388%22%2F%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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.903%2015.375c-.979%200-1.052-.934-.968-1.406l-1.215-.405l-.956%202.205l.58%201.614l2.908%203.145l1.142.337a4.6%204.6%200%200%200%201.012.135c4.697%200%206.205-2.886%206.182-4.421c0-.096-.01-.186-.022-.27c-.467-3.038-2.728-3.184-3.302-3.184a2.87%202.87%200%200%200-1.451.348c-3.207%201.53-3.68%201.902-3.91%201.902%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M4.406%2011.574c0-.495.13-1.238.197-1.547l.535-1.181l.855-1.294l6.182-1.418l.641%203.128a4.3%204.3%200%200%200-1.935-.636c-.731%200-.838.833-.85%201.137v7.74c0%202.07%201.66%203.116%202.532%203.403c-7.707-1.305-8.157-7.763-8.157-9.332%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M19.594%207.388c0%202.492-2.25%203.487-3.432%203.487c-.99%200-2.964-.911-4.601-1.828C9.918%208.13%208.636%207.5%208.045%207.5c-1.969%200-2.706%201.558-3.454%202.56C6.155%203.754%2011.421%203%2013.631%203s5.963%201.271%205.963%204.388%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/catheon.svg?color=%231a73e8&size=48
