cere logo

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

Name: cere
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 cere 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(#SVG5FMRYdYh)" d="M16.5 13.587c-.996 1.19-2.118 1.588-3.706 1.588c-1.048 0-1.985-.37-2.647-.794L9.09 15.704c.847.64 2.149 1.059 3.705 1.059c1.376 0 2.525-.238 3.705-1.059l1.588 1.588a9.14 9.14 0 0 1-5.822 2.118c-2.88.02-5.172-1.202-6.352-3.706A4.34 4.34 0 0 0 8.03 12c0-1.26-.89-2.811-2.117-3.706c1.228-2.313 3.35-3.652 6.352-3.705c1.995-.021 4.414.831 5.822 2.117L16.5 8.293c-1.17-.74-2.329-1.058-3.705-1.058c-1.43 0-2.874.35-3.705 1.064l1.058 1.323c.636-.413 1.784-.8 2.647-.8c1.546 0 2.71.398 3.705 1.589l3.706-3.706C18.495 4.392 15.748 3 12.265 3c-3.95 0-7.194 2.17-8.47 5.823c1.43.582 2.647 1.831 2.647 3.176c0 1.344-1.207 2.604-2.647 3.176c.969 3.98 4.441 5.902 8.47 5.823c3.63-.064 6.394-1.43 7.94-3.706z"/><defs><linearGradient id="SVG5FMRYdYh" x1="5.463" x2="20.898" y1="18.753" y2="6.409" gradientUnits="userSpaceOnUse"><stop stop-color="#7b1be7"/><stop offset=".64" stop-color="#e246c4"/><stop offset="1" stop-color="#f397b5"/></linearGradient></defs></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedCere(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(#SVG5FMRYdYh)" d="M16.5 13.587c-.996 1.19-2.118 1.588-3.706 1.588c-1.048 0-1.985-.37-2.647-.794L9.09 15.704c.847.64 2.149 1.059 3.705 1.059c1.376 0 2.525-.238 3.705-1.059l1.588 1.588a9.14 9.14 0 0 1-5.822 2.118c-2.88.02-5.172-1.202-6.352-3.706A4.34 4.34 0 0 0 8.03 12c0-1.26-.89-2.811-2.117-3.706c1.228-2.313 3.35-3.652 6.352-3.705c1.995-.021 4.414.831 5.822 2.117L16.5 8.293c-1.17-.74-2.329-1.058-3.705-1.058c-1.43 0-2.874.35-3.705 1.064l1.058 1.323c.636-.413 1.784-.8 2.647-.8c1.546 0 2.71.398 3.705 1.589l3.706-3.706C18.495 4.392 15.748 3 12.265 3c-3.95 0-7.194 2.17-8.47 5.823c1.43.582 2.647 1.831 2.647 3.176c0 1.344-1.207 2.604-2.647 3.176c.969 3.98 4.441 5.902 8.47 5.823c3.63-.064 6.394-1.43 7.94-3.706z"/><defs><linearGradient id="SVG5FMRYdYh" x1="5.463" x2="20.898" y1="18.753" y2="6.409" gradientUnits="userSpaceOnUse"><stop stopColor="#7b1be7"/><stop offset=".64" stopColor="#e246c4"/><stop offset="1" stopColor="#f397b5"/></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(#SVG5FMRYdYh)" d="M16.5 13.587c-.996 1.19-2.118 1.588-3.706 1.588c-1.048 0-1.985-.37-2.647-.794L9.09 15.704c.847.64 2.149 1.059 3.705 1.059c1.376 0 2.525-.238 3.705-1.059l1.588 1.588a9.14 9.14 0 0 1-5.822 2.118c-2.88.02-5.172-1.202-6.352-3.706A4.34 4.34 0 0 0 8.03 12c0-1.26-.89-2.811-2.117-3.706c1.228-2.313 3.35-3.652 6.352-3.705c1.995-.021 4.414.831 5.822 2.117L16.5 8.293c-1.17-.74-2.329-1.058-3.705-1.058c-1.43 0-2.874.35-3.705 1.064l1.058 1.323c.636-.413 1.784-.8 2.647-.8c1.546 0 2.71.398 3.705 1.589l3.706-3.706C18.495 4.392 15.748 3 12.265 3c-3.95 0-7.194 2.17-8.47 5.823c1.43.582 2.647 1.831 2.647 3.176c0 1.344-1.207 2.604-2.647 3.176c.969 3.98 4.441 5.902 8.47 5.823c3.63-.064 6.394-1.43 7.94-3.706z"/><defs><linearGradient id="SVG5FMRYdYh" x1="5.463" x2="20.898" y1="18.753" y2="6.409" gradientUnits="userSpaceOnUse"><stop stop-color="#7b1be7"/><stop offset=".64" stop-color="#e246c4"/><stop offset="1" stop-color="#f397b5"/></linearGradient></defs></g></svg>
</template>

CSS

.icon-cere {
  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(%23SVG5FMRYdYh)%22%20d%3D%22M16.5%2013.587c-.996%201.19-2.118%201.588-3.706%201.588c-1.048%200-1.985-.37-2.647-.794L9.09%2015.704c.847.64%202.149%201.059%203.705%201.059c1.376%200%202.525-.238%203.705-1.059l1.588%201.588a9.14%209.14%200%200%201-5.822%202.118c-2.88.02-5.172-1.202-6.352-3.706A4.34%204.34%200%200%200%208.03%2012c0-1.26-.89-2.811-2.117-3.706c1.228-2.313%203.35-3.652%206.352-3.705c1.995-.021%204.414.831%205.822%202.117L16.5%208.293c-1.17-.74-2.329-1.058-3.705-1.058c-1.43%200-2.874.35-3.705%201.064l1.058%201.323c.636-.413%201.784-.8%202.647-.8c1.546%200%202.71.398%203.705%201.589l3.706-3.706C18.495%204.392%2015.748%203%2012.265%203c-3.95%200-7.194%202.17-8.47%205.823c1.43.582%202.647%201.831%202.647%203.176c0%201.344-1.207%202.604-2.647%203.176c.969%203.98%204.441%205.902%208.47%205.823c3.63-.064%206.394-1.43%207.94-3.706z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG5FMRYdYh%22%20x1%3D%225.463%22%20x2%3D%2220.898%22%20y1%3D%2218.753%22%20y2%3D%226.409%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%237b1be7%22%2F%3E%3Cstop%20offset%3D%22.64%22%20stop-color%3D%22%23e246c4%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f397b5%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(%23SVG5FMRYdYh)%22%20d%3D%22M16.5%2013.587c-.996%201.19-2.118%201.588-3.706%201.588c-1.048%200-1.985-.37-2.647-.794L9.09%2015.704c.847.64%202.149%201.059%203.705%201.059c1.376%200%202.525-.238%203.705-1.059l1.588%201.588a9.14%209.14%200%200%201-5.822%202.118c-2.88.02-5.172-1.202-6.352-3.706A4.34%204.34%200%200%200%208.03%2012c0-1.26-.89-2.811-2.117-3.706c1.228-2.313%203.35-3.652%206.352-3.705c1.995-.021%204.414.831%205.822%202.117L16.5%208.293c-1.17-.74-2.329-1.058-3.705-1.058c-1.43%200-2.874.35-3.705%201.064l1.058%201.323c.636-.413%201.784-.8%202.647-.8c1.546%200%202.71.398%203.705%201.589l3.706-3.706C18.495%204.392%2015.748%203%2012.265%203c-3.95%200-7.194%202.17-8.47%205.823c1.43.582%202.647%201.831%202.647%203.176c0%201.344-1.207%202.604-2.647%203.176c.969%203.98%204.441%205.902%208.47%205.823c3.63-.064%206.394-1.43%207.94-3.706z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG5FMRYdYh%22%20x1%3D%225.463%22%20x2%3D%2220.898%22%20y1%3D%2218.753%22%20y2%3D%226.409%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%237b1be7%22%2F%3E%3Cstop%20offset%3D%22.64%22%20stop-color%3D%22%23e246c4%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f397b5%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/cere.svg?color=%231a73e8&size=48