mochi logo

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

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

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#d6eafd" d="M12.002 3a9 9 0 1 1-.004 18a9 9 0 0 1 .004-18"/><path fill="#95c2f1" d="M17.436 4.825A8.997 8.997 0 0 1 6.864 19.38A8.997 8.997 0 0 1 17.436 4.825"/><path fill="#5890d2" d="M16.418 5.415a7.893 7.893 0 0 1-4.77 14.196a7.85 7.85 0 0 1-4.508-1.415A7.892 7.892 0 0 1 11.904 4a7.9 7.9 0 0 1 4.508 1.415z"/><path fill="#b4d3f1" d="M16.866 5.8a7.892 7.892 0 0 1-4.764 14.196a7.85 7.85 0 0 1-4.508-1.415a7.893 7.893 0 0 1 4.768-14.196a7.86 7.86 0 0 1 4.51 1.414z"/><path fill="url(#SVGoYNSnejY)" d="M16.677 5.634a7.894 7.894 0 0 1-4.77 14.196a7.87 7.87 0 0 1-4.513-1.414A7.892 7.892 0 0 1 12.163 4.22c1.684 0 3.234.525 4.514 1.414"/><path fill="url(#SVGizuZbAhQ)" d="M6.005 13.432s1.684 3.534 6.098 3.534c4.419 0 5.889-3.624 5.889-3.624l-1.45-3.03s.135-.634.135-1.439c0-.8-.25-2.374-1.18-2.374c-.934 0-1.994 1.5-1.994 1.5s-1.5-.5-3 0c0 0-1.044-1.5-1.829-1.5S7.26 7.734 7.26 9.063c0 1.33.124 1.33.124 1.33zm2.184-3.629s-.055-2.2.75-2.2c.6 0 .885.77.885.77s-1.105.62-1.635 1.43m7.043-2.75c.925 0 .485 2.2.485 2.2c-.595-.735-1.534-1.194-1.534-1.194s.47-1.01 1.05-1.01z"/><path fill="#f6f4df" d="M6.385 12.598a3.87 3.87 0 0 1 3.529.315s.9-.915 2.114-.915c.6 0 1.285.25 1.97.88c0 0 1.714-1.17 3.704-.16l.3.615s-1.48 3.664-5.889 3.664a6.85 6.85 0 0 1-6.108-3.57z"/><path fill="#2b2a29" d="M10.004 10.998c.28 0 .5.34.5.75c0 .42-.22.75-.5.75c-.27 0-.5-.34-.5-.75c.005-.41.23-.75.5-.75m3.999 0c.28 0 .5.34.5.75c0 .42-.22.75-.5.75c-.27 0-.5-.34-.5-.75s.22-.75.5-.75"/><path fill="#f6f4df" d="M13.752 9.498c.415 0 .75.225.75.5s-.335.5-.75.5c-.41 0-.75-.225-.75-.5s.34-.5.75-.5m-3.404.02c.405.07.7.35.65.61c-.05.265-.425.425-.84.35c-.405-.07-.7-.35-.65-.61c.05-.265.425-.425.84-.35"/><path fill="#2b2a29" d="m10.502 13.127l.32-.51l.18.055v.2s.25.365.915.365v-.24c-.47-.085-.71-.71-.71-.71c.755-.62 1.75-.05 1.75-.05s-.335.66-.81.76v.235s.32.085.855-.315v-.23l.185-.005l.315.51l-.15.075l-.165-.165s-.4.395-1.16.395s-1.24-.48-1.24-.48l-.19.15z"/><defs><linearGradient id="SVGoYNSnejY" x1="5.258" x2="19.907" y1="5.957" y2="17.524" gradientUnits="userSpaceOnUse"><stop stop-color="#84b8ef"/><stop offset=".73" stop-color="#0871dd"/></linearGradient><linearGradient id="SVGizuZbAhQ" x1="12.001" x2="12.001" y1="3" y2="21" gradientUnits="userSpaceOnUse"><stop stop-color="#e5a507"/><stop offset="1" stop-color="#f4da12"/></linearGradient></defs></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedMochi(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="#d6eafd" d="M12.002 3a9 9 0 1 1-.004 18a9 9 0 0 1 .004-18"/><path fill="#95c2f1" d="M17.436 4.825A8.997 8.997 0 0 1 6.864 19.38A8.997 8.997 0 0 1 17.436 4.825"/><path fill="#5890d2" d="M16.418 5.415a7.893 7.893 0 0 1-4.77 14.196a7.85 7.85 0 0 1-4.508-1.415A7.892 7.892 0 0 1 11.904 4a7.9 7.9 0 0 1 4.508 1.415z"/><path fill="#b4d3f1" d="M16.866 5.8a7.892 7.892 0 0 1-4.764 14.196a7.85 7.85 0 0 1-4.508-1.415a7.893 7.893 0 0 1 4.768-14.196a7.86 7.86 0 0 1 4.51 1.414z"/><path fill="url(#SVGoYNSnejY)" d="M16.677 5.634a7.894 7.894 0 0 1-4.77 14.196a7.87 7.87 0 0 1-4.513-1.414A7.892 7.892 0 0 1 12.163 4.22c1.684 0 3.234.525 4.514 1.414"/><path fill="url(#SVGizuZbAhQ)" d="M6.005 13.432s1.684 3.534 6.098 3.534c4.419 0 5.889-3.624 5.889-3.624l-1.45-3.03s.135-.634.135-1.439c0-.8-.25-2.374-1.18-2.374c-.934 0-1.994 1.5-1.994 1.5s-1.5-.5-3 0c0 0-1.044-1.5-1.829-1.5S7.26 7.734 7.26 9.063c0 1.33.124 1.33.124 1.33zm2.184-3.629s-.055-2.2.75-2.2c.6 0 .885.77.885.77s-1.105.62-1.635 1.43m7.043-2.75c.925 0 .485 2.2.485 2.2c-.595-.735-1.534-1.194-1.534-1.194s.47-1.01 1.05-1.01z"/><path fill="#f6f4df" d="M6.385 12.598a3.87 3.87 0 0 1 3.529.315s.9-.915 2.114-.915c.6 0 1.285.25 1.97.88c0 0 1.714-1.17 3.704-.16l.3.615s-1.48 3.664-5.889 3.664a6.85 6.85 0 0 1-6.108-3.57z"/><path fill="#2b2a29" d="M10.004 10.998c.28 0 .5.34.5.75c0 .42-.22.75-.5.75c-.27 0-.5-.34-.5-.75c.005-.41.23-.75.5-.75m3.999 0c.28 0 .5.34.5.75c0 .42-.22.75-.5.75c-.27 0-.5-.34-.5-.75s.22-.75.5-.75"/><path fill="#f6f4df" d="M13.752 9.498c.415 0 .75.225.75.5s-.335.5-.75.5c-.41 0-.75-.225-.75-.5s.34-.5.75-.5m-3.404.02c.405.07.7.35.65.61c-.05.265-.425.425-.84.35c-.405-.07-.7-.35-.65-.61c.05-.265.425-.425.84-.35"/><path fill="#2b2a29" d="m10.502 13.127l.32-.51l.18.055v.2s.25.365.915.365v-.24c-.47-.085-.71-.71-.71-.71c.755-.62 1.75-.05 1.75-.05s-.335.66-.81.76v.235s.32.085.855-.315v-.23l.185-.005l.315.51l-.15.075l-.165-.165s-.4.395-1.16.395s-1.24-.48-1.24-.48l-.19.15z"/><defs><linearGradient id="SVGoYNSnejY" x1="5.258" x2="19.907" y1="5.957" y2="17.524" gradientUnits="userSpaceOnUse"><stop stopColor="#84b8ef"/><stop offset=".73" stopColor="#0871dd"/></linearGradient><linearGradient id="SVGizuZbAhQ" x1="12.001" x2="12.001" y1="3" y2="21" gradientUnits="userSpaceOnUse"><stop stopColor="#e5a507"/><stop offset="1" stopColor="#f4da12"/></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="#d6eafd" d="M12.002 3a9 9 0 1 1-.004 18a9 9 0 0 1 .004-18"/><path fill="#95c2f1" d="M17.436 4.825A8.997 8.997 0 0 1 6.864 19.38A8.997 8.997 0 0 1 17.436 4.825"/><path fill="#5890d2" d="M16.418 5.415a7.893 7.893 0 0 1-4.77 14.196a7.85 7.85 0 0 1-4.508-1.415A7.892 7.892 0 0 1 11.904 4a7.9 7.9 0 0 1 4.508 1.415z"/><path fill="#b4d3f1" d="M16.866 5.8a7.892 7.892 0 0 1-4.764 14.196a7.85 7.85 0 0 1-4.508-1.415a7.893 7.893 0 0 1 4.768-14.196a7.86 7.86 0 0 1 4.51 1.414z"/><path fill="url(#SVGoYNSnejY)" d="M16.677 5.634a7.894 7.894 0 0 1-4.77 14.196a7.87 7.87 0 0 1-4.513-1.414A7.892 7.892 0 0 1 12.163 4.22c1.684 0 3.234.525 4.514 1.414"/><path fill="url(#SVGizuZbAhQ)" d="M6.005 13.432s1.684 3.534 6.098 3.534c4.419 0 5.889-3.624 5.889-3.624l-1.45-3.03s.135-.634.135-1.439c0-.8-.25-2.374-1.18-2.374c-.934 0-1.994 1.5-1.994 1.5s-1.5-.5-3 0c0 0-1.044-1.5-1.829-1.5S7.26 7.734 7.26 9.063c0 1.33.124 1.33.124 1.33zm2.184-3.629s-.055-2.2.75-2.2c.6 0 .885.77.885.77s-1.105.62-1.635 1.43m7.043-2.75c.925 0 .485 2.2.485 2.2c-.595-.735-1.534-1.194-1.534-1.194s.47-1.01 1.05-1.01z"/><path fill="#f6f4df" d="M6.385 12.598a3.87 3.87 0 0 1 3.529.315s.9-.915 2.114-.915c.6 0 1.285.25 1.97.88c0 0 1.714-1.17 3.704-.16l.3.615s-1.48 3.664-5.889 3.664a6.85 6.85 0 0 1-6.108-3.57z"/><path fill="#2b2a29" d="M10.004 10.998c.28 0 .5.34.5.75c0 .42-.22.75-.5.75c-.27 0-.5-.34-.5-.75c.005-.41.23-.75.5-.75m3.999 0c.28 0 .5.34.5.75c0 .42-.22.75-.5.75c-.27 0-.5-.34-.5-.75s.22-.75.5-.75"/><path fill="#f6f4df" d="M13.752 9.498c.415 0 .75.225.75.5s-.335.5-.75.5c-.41 0-.75-.225-.75-.5s.34-.5.75-.5m-3.404.02c.405.07.7.35.65.61c-.05.265-.425.425-.84.35c-.405-.07-.7-.35-.65-.61c.05-.265.425-.425.84-.35"/><path fill="#2b2a29" d="m10.502 13.127l.32-.51l.18.055v.2s.25.365.915.365v-.24c-.47-.085-.71-.71-.71-.71c.755-.62 1.75-.05 1.75-.05s-.335.66-.81.76v.235s.32.085.855-.315v-.23l.185-.005l.315.51l-.15.075l-.165-.165s-.4.395-1.16.395s-1.24-.48-1.24-.48l-.19.15z"/><defs><linearGradient id="SVGoYNSnejY" x1="5.258" x2="19.907" y1="5.957" y2="17.524" gradientUnits="userSpaceOnUse"><stop stop-color="#84b8ef"/><stop offset=".73" stop-color="#0871dd"/></linearGradient><linearGradient id="SVGizuZbAhQ" x1="12.001" x2="12.001" y1="3" y2="21" gradientUnits="userSpaceOnUse"><stop stop-color="#e5a507"/><stop offset="1" stop-color="#f4da12"/></linearGradient></defs></g></svg>
</template>

CSS

.icon-mochi {
  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%22%23d6eafd%22%20d%3D%22M12.002%203a9%209%200%201%201-.004%2018a9%209%200%200%201%20.004-18%22%2F%3E%3Cpath%20fill%3D%22%2395c2f1%22%20d%3D%22M17.436%204.825A8.997%208.997%200%200%201%206.864%2019.38A8.997%208.997%200%200%201%2017.436%204.825%22%2F%3E%3Cpath%20fill%3D%22%235890d2%22%20d%3D%22M16.418%205.415a7.893%207.893%200%200%201-4.77%2014.196a7.85%207.85%200%200%201-4.508-1.415A7.892%207.892%200%200%201%2011.904%204a7.9%207.9%200%200%201%204.508%201.415z%22%2F%3E%3Cpath%20fill%3D%22%23b4d3f1%22%20d%3D%22M16.866%205.8a7.892%207.892%200%200%201-4.764%2014.196a7.85%207.85%200%200%201-4.508-1.415a7.893%207.893%200%200%201%204.768-14.196a7.86%207.86%200%200%201%204.51%201.414z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGoYNSnejY)%22%20d%3D%22M16.677%205.634a7.894%207.894%200%200%201-4.77%2014.196a7.87%207.87%200%200%201-4.513-1.414A7.892%207.892%200%200%201%2012.163%204.22c1.684%200%203.234.525%204.514%201.414%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGizuZbAhQ)%22%20d%3D%22M6.005%2013.432s1.684%203.534%206.098%203.534c4.419%200%205.889-3.624%205.889-3.624l-1.45-3.03s.135-.634.135-1.439c0-.8-.25-2.374-1.18-2.374c-.934%200-1.994%201.5-1.994%201.5s-1.5-.5-3%200c0%200-1.044-1.5-1.829-1.5S7.26%207.734%207.26%209.063c0%201.33.124%201.33.124%201.33zm2.184-3.629s-.055-2.2.75-2.2c.6%200%20.885.77.885.77s-1.105.62-1.635%201.43m7.043-2.75c.925%200%20.485%202.2.485%202.2c-.595-.735-1.534-1.194-1.534-1.194s.47-1.01%201.05-1.01z%22%2F%3E%3Cpath%20fill%3D%22%23f6f4df%22%20d%3D%22M6.385%2012.598a3.87%203.87%200%200%201%203.529.315s.9-.915%202.114-.915c.6%200%201.285.25%201.97.88c0%200%201.714-1.17%203.704-.16l.3.615s-1.48%203.664-5.889%203.664a6.85%206.85%200%200%201-6.108-3.57z%22%2F%3E%3Cpath%20fill%3D%22%232b2a29%22%20d%3D%22M10.004%2010.998c.28%200%20.5.34.5.75c0%20.42-.22.75-.5.75c-.27%200-.5-.34-.5-.75c.005-.41.23-.75.5-.75m3.999%200c.28%200%20.5.34.5.75c0%20.42-.22.75-.5.75c-.27%200-.5-.34-.5-.75s.22-.75.5-.75%22%2F%3E%3Cpath%20fill%3D%22%23f6f4df%22%20d%3D%22M13.752%209.498c.415%200%20.75.225.75.5s-.335.5-.75.5c-.41%200-.75-.225-.75-.5s.34-.5.75-.5m-3.404.02c.405.07.7.35.65.61c-.05.265-.425.425-.84.35c-.405-.07-.7-.35-.65-.61c.05-.265.425-.425.84-.35%22%2F%3E%3Cpath%20fill%3D%22%232b2a29%22%20d%3D%22m10.502%2013.127l.32-.51l.18.055v.2s.25.365.915.365v-.24c-.47-.085-.71-.71-.71-.71c.755-.62%201.75-.05%201.75-.05s-.335.66-.81.76v.235s.32.085.855-.315v-.23l.185-.005l.315.51l-.15.075l-.165-.165s-.4.395-1.16.395s-1.24-.48-1.24-.48l-.19.15z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGoYNSnejY%22%20x1%3D%225.258%22%20x2%3D%2219.907%22%20y1%3D%225.957%22%20y2%3D%2217.524%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2384b8ef%22%2F%3E%3Cstop%20offset%3D%22.73%22%20stop-color%3D%22%230871dd%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGizuZbAhQ%22%20x1%3D%2212.001%22%20x2%3D%2212.001%22%20y1%3D%223%22%20y2%3D%2221%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23e5a507%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f4da12%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%22%23d6eafd%22%20d%3D%22M12.002%203a9%209%200%201%201-.004%2018a9%209%200%200%201%20.004-18%22%2F%3E%3Cpath%20fill%3D%22%2395c2f1%22%20d%3D%22M17.436%204.825A8.997%208.997%200%200%201%206.864%2019.38A8.997%208.997%200%200%201%2017.436%204.825%22%2F%3E%3Cpath%20fill%3D%22%235890d2%22%20d%3D%22M16.418%205.415a7.893%207.893%200%200%201-4.77%2014.196a7.85%207.85%200%200%201-4.508-1.415A7.892%207.892%200%200%201%2011.904%204a7.9%207.9%200%200%201%204.508%201.415z%22%2F%3E%3Cpath%20fill%3D%22%23b4d3f1%22%20d%3D%22M16.866%205.8a7.892%207.892%200%200%201-4.764%2014.196a7.85%207.85%200%200%201-4.508-1.415a7.893%207.893%200%200%201%204.768-14.196a7.86%207.86%200%200%201%204.51%201.414z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGoYNSnejY)%22%20d%3D%22M16.677%205.634a7.894%207.894%200%200%201-4.77%2014.196a7.87%207.87%200%200%201-4.513-1.414A7.892%207.892%200%200%201%2012.163%204.22c1.684%200%203.234.525%204.514%201.414%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGizuZbAhQ)%22%20d%3D%22M6.005%2013.432s1.684%203.534%206.098%203.534c4.419%200%205.889-3.624%205.889-3.624l-1.45-3.03s.135-.634.135-1.439c0-.8-.25-2.374-1.18-2.374c-.934%200-1.994%201.5-1.994%201.5s-1.5-.5-3%200c0%200-1.044-1.5-1.829-1.5S7.26%207.734%207.26%209.063c0%201.33.124%201.33.124%201.33zm2.184-3.629s-.055-2.2.75-2.2c.6%200%20.885.77.885.77s-1.105.62-1.635%201.43m7.043-2.75c.925%200%20.485%202.2.485%202.2c-.595-.735-1.534-1.194-1.534-1.194s.47-1.01%201.05-1.01z%22%2F%3E%3Cpath%20fill%3D%22%23f6f4df%22%20d%3D%22M6.385%2012.598a3.87%203.87%200%200%201%203.529.315s.9-.915%202.114-.915c.6%200%201.285.25%201.97.88c0%200%201.714-1.17%203.704-.16l.3.615s-1.48%203.664-5.889%203.664a6.85%206.85%200%200%201-6.108-3.57z%22%2F%3E%3Cpath%20fill%3D%22%232b2a29%22%20d%3D%22M10.004%2010.998c.28%200%20.5.34.5.75c0%20.42-.22.75-.5.75c-.27%200-.5-.34-.5-.75c.005-.41.23-.75.5-.75m3.999%200c.28%200%20.5.34.5.75c0%20.42-.22.75-.5.75c-.27%200-.5-.34-.5-.75s.22-.75.5-.75%22%2F%3E%3Cpath%20fill%3D%22%23f6f4df%22%20d%3D%22M13.752%209.498c.415%200%20.75.225.75.5s-.335.5-.75.5c-.41%200-.75-.225-.75-.5s.34-.5.75-.5m-3.404.02c.405.07.7.35.65.61c-.05.265-.425.425-.84.35c-.405-.07-.7-.35-.65-.61c.05-.265.425-.425.84-.35%22%2F%3E%3Cpath%20fill%3D%22%232b2a29%22%20d%3D%22m10.502%2013.127l.32-.51l.18.055v.2s.25.365.915.365v-.24c-.47-.085-.71-.71-.71-.71c.755-.62%201.75-.05%201.75-.05s-.335.66-.81.76v.235s.32.085.855-.315v-.23l.185-.005l.315.51l-.15.075l-.165-.165s-.4.395-1.16.395s-1.24-.48-1.24-.48l-.19.15z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGoYNSnejY%22%20x1%3D%225.258%22%20x2%3D%2219.907%22%20y1%3D%225.957%22%20y2%3D%2217.524%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2384b8ef%22%2F%3E%3Cstop%20offset%3D%22.73%22%20stop-color%3D%22%230871dd%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGizuZbAhQ%22%20x1%3D%2212.001%22%20x2%3D%2212.001%22%20y1%3D%223%22%20y2%3D%2221%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23e5a507%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23f4da12%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/mochi.svg?color=%231a73e8&size=48