cream logo

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

Name: cream
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 cream logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#69e2db" d="m14.217 12.67l5.009 4.98a.95.95 0 0 1-.101 1.424a9.06 9.06 0 0 1-13.26-2.318A8.976 8.976 0 0 1 9.62 3.89a9.08 9.08 0 0 1 9.54 1.058a.94.94 0 0 1 .061 1.396l-5.009 4.986a.95.95 0 0 0-.281.687c0 .13.028.259.079.377a1 1 0 0 0 .208.31z"/></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedCream(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#69e2db" d="m14.217 12.67l5.009 4.98a.95.95 0 0 1-.101 1.424a9.06 9.06 0 0 1-13.26-2.318A8.976 8.976 0 0 1 9.62 3.89a9.08 9.08 0 0 1 9.54 1.058a.94.94 0 0 1 .061 1.396l-5.009 4.986a.95.95 0 0 0-.281.687c0 .13.028.259.079.377a1 1 0 0 0 .208.31z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#69e2db" d="m14.217 12.67l5.009 4.98a.95.95 0 0 1-.101 1.424a9.06 9.06 0 0 1-13.26-2.318A8.976 8.976 0 0 1 9.62 3.89a9.08 9.08 0 0 1 9.54 1.058a.94.94 0 0 1 .061 1.396l-5.009 4.986a.95.95 0 0 0-.281.687c0 .13.028.259.079.377a1 1 0 0 0 .208.31z"/></svg>
</template>

CSS

.icon-cream {
  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%22%2369e2db%22%20d%3D%22m14.217%2012.67l5.009%204.98a.95.95%200%200%201-.101%201.424a9.06%209.06%200%200%201-13.26-2.318A8.976%208.976%200%200%201%209.62%203.89a9.08%209.08%200%200%201%209.54%201.058a.94.94%200%200%201%20.061%201.396l-5.009%204.986a.95.95%200%200%200-.281.687c0%20.13.028.259.079.377a1%201%200%200%200%20.208.31z%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%22%2369e2db%22%20d%3D%22m14.217%2012.67l5.009%204.98a.95.95%200%200%201-.101%201.424a9.06%209.06%200%200%201-13.26-2.318A8.976%208.976%200%200%201%209.62%203.89a9.08%209.08%200%200%201%209.54%201.058a.94.94%200%200%201%20.061%201.396l-5.009%204.986a.95.95%200%200%200-.281.687c0%20.13.028.259.079.377a1%201%200%200%200%20.208.31z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/cream.svg?color=%231a73e8&size=48