cetus logo

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

Name: cetus-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 cetus 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(#SVGHcSWxdhd227)"><path fill="#68ffd8" d="M24 0H0v24h24z"/><path fill="#fff" d="M19.5 11.5c0 4.036-3.36 7.116-7.5 7.116q-.586-.001-1.15-.085c-1.565 1.41-4.21 1.52-5.41 1.455l1.12-3.65a7.2 7.2 0 0 1-2.06-5.02C4.5 7.27 7.86 4 12 4c3.65 0 6.685 2.535 7.36 5.895c-.83-.115-1.91-.47-2.2-1.33c-.225.5-1.07 1.44-2.735 1.395c.25-.41.385-.885.385-1.395A2.774 2.774 0 0 0 12 5.825a2.775 2.775 0 0 0-2.815 2.74C9.19 10.08 10.45 11.501 12 11.501z"/><path fill="#fff" d="M16.97 11.5c-.87 4.17-4.65 7.116-9.19 7.116q-.96 0-1.866-.18l-.48 1.55c1.205.065 3.85-.05 5.41-1.455q.57.084 1.155.085c4.14 0 7.5-3.08 7.5-7.115zm.185-2.935c.015-.025-.01.03 0 0c.295.86 1.375 1.216 2.2 1.33a7.3 7.3 0 0 0-3.32-4.75c.59 1.06 1 2.165 1.12 3.42"/></g><defs><clipPath id="SVGHcSWxdhd227"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedCetusBackground(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(#SVGHcSWxdhd227)"><path fill="#68ffd8" d="M24 0H0v24h24z"/><path fill="#fff" d="M19.5 11.5c0 4.036-3.36 7.116-7.5 7.116q-.586-.001-1.15-.085c-1.565 1.41-4.21 1.52-5.41 1.455l1.12-3.65a7.2 7.2 0 0 1-2.06-5.02C4.5 7.27 7.86 4 12 4c3.65 0 6.685 2.535 7.36 5.895c-.83-.115-1.91-.47-2.2-1.33c-.225.5-1.07 1.44-2.735 1.395c.25-.41.385-.885.385-1.395A2.774 2.774 0 0 0 12 5.825a2.775 2.775 0 0 0-2.815 2.74C9.19 10.08 10.45 11.501 12 11.501z"/><path fill="#fff" d="M16.97 11.5c-.87 4.17-4.65 7.116-9.19 7.116q-.96 0-1.866-.18l-.48 1.55c1.205.065 3.85-.05 5.41-1.455q.57.084 1.155.085c4.14 0 7.5-3.08 7.5-7.115zm.185-2.935c.015-.025-.01.03 0 0c.295.86 1.375 1.216 2.2 1.33a7.3 7.3 0 0 0-3.32-4.75c.59 1.06 1 2.165 1.12 3.42"/></g><defs><clipPath id="SVGHcSWxdhd227"><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(#SVGHcSWxdhd227)"><path fill="#68ffd8" d="M24 0H0v24h24z"/><path fill="#fff" d="M19.5 11.5c0 4.036-3.36 7.116-7.5 7.116q-.586-.001-1.15-.085c-1.565 1.41-4.21 1.52-5.41 1.455l1.12-3.65a7.2 7.2 0 0 1-2.06-5.02C4.5 7.27 7.86 4 12 4c3.65 0 6.685 2.535 7.36 5.895c-.83-.115-1.91-.47-2.2-1.33c-.225.5-1.07 1.44-2.735 1.395c.25-.41.385-.885.385-1.395A2.774 2.774 0 0 0 12 5.825a2.775 2.775 0 0 0-2.815 2.74C9.19 10.08 10.45 11.501 12 11.501z"/><path fill="#fff" d="M16.97 11.5c-.87 4.17-4.65 7.116-9.19 7.116q-.96 0-1.866-.18l-.48 1.55c1.205.065 3.85-.05 5.41-1.455q.57.084 1.155.085c4.14 0 7.5-3.08 7.5-7.115zm.185-2.935c.015-.025-.01.03 0 0c.295.86 1.375 1.216 2.2 1.33a7.3 7.3 0 0 0-3.32-4.75c.59 1.06 1 2.165 1.12 3.42"/></g><defs><clipPath id="SVGHcSWxdhd227"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
</template>

CSS

.icon-cetus-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(%23SVGHcSWxdhd227)%22%3E%3Cpath%20fill%3D%22%2368ffd8%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M19.5%2011.5c0%204.036-3.36%207.116-7.5%207.116q-.586-.001-1.15-.085c-1.565%201.41-4.21%201.52-5.41%201.455l1.12-3.65a7.2%207.2%200%200%201-2.06-5.02C4.5%207.27%207.86%204%2012%204c3.65%200%206.685%202.535%207.36%205.895c-.83-.115-1.91-.47-2.2-1.33c-.225.5-1.07%201.44-2.735%201.395c.25-.41.385-.885.385-1.395A2.774%202.774%200%200%200%2012%205.825a2.775%202.775%200%200%200-2.815%202.74C9.19%2010.08%2010.45%2011.501%2012%2011.501z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16.97%2011.5c-.87%204.17-4.65%207.116-9.19%207.116q-.96%200-1.866-.18l-.48%201.55c1.205.065%203.85-.05%205.41-1.455q.57.084%201.155.085c4.14%200%207.5-3.08%207.5-7.115zm.185-2.935c.015-.025-.01.03%200%200c.295.86%201.375%201.216%202.2%201.33a7.3%207.3%200%200%200-3.32-4.75c.59%201.06%201%202.165%201.12%203.42%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd227%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(%23SVGHcSWxdhd227)%22%3E%3Cpath%20fill%3D%22%2368ffd8%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M19.5%2011.5c0%204.036-3.36%207.116-7.5%207.116q-.586-.001-1.15-.085c-1.565%201.41-4.21%201.52-5.41%201.455l1.12-3.65a7.2%207.2%200%200%201-2.06-5.02C4.5%207.27%207.86%204%2012%204c3.65%200%206.685%202.535%207.36%205.895c-.83-.115-1.91-.47-2.2-1.33c-.225.5-1.07%201.44-2.735%201.395c.25-.41.385-.885.385-1.395A2.774%202.774%200%200%200%2012%205.825a2.775%202.775%200%200%200-2.815%202.74C9.19%2010.08%2010.45%2011.501%2012%2011.501z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16.97%2011.5c-.87%204.17-4.65%207.116-9.19%207.116q-.96%200-1.866-.18l-.48%201.55c1.205.065%203.85-.05%205.41-1.455q.57.084%201.155.085c4.14%200%207.5-3.08%207.5-7.115zm.185-2.935c.015-.025-.01.03%200%200c.295.86%201.375%201.216%202.2%201.33a7.3%207.3%200%200%200-3.32-4.75c.59%201.06%201%202.165%201.12%203.42%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd227%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/cetus-background.svg?color=%231a73e8&size=48