umami logo

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

Name: umami-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 umami 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(#SVGHcSWxdhd10)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="#fff" d="M5.504 15.997H4.005v1.749c0 1.4 1.334 1.749 1.999 1.749h11.992c1.6 0 1.999-1.36 1.999-2.039v-1.459h-9.994v.875c0 .29-.315.874-1 .874c-.684 0-.998-.584-.998-.874v-.875h-.5v1.999c0 .75-.43 1-1 1c-.454 0-.999-.25-.999-.96zM4.005 12.25c0-.414.385-.749.854-.749h14.287c.47 0 .854.335.854.75c0 .414-.385.75-.854.75H4.854c-.47 0-.854-.336-.854-.75z"/><path fill="#fff" fill-rule="evenodd" d="M12 4.505c-5.906 0-7.995 2.953-7.995 4.722V11h15.99V9.227c0-1.769-2.748-4.722-7.995-4.722m-1.43.59c-1.713 0-5.196 1.064-5.42 5.316h1.423c.1-1.279 1.03-4.132 3.998-5.316" clip-rule="evenodd"/><path fill="#fff" d="M4.005 14.563v-1.564c.285.315 1.03.94 1.714.94c.854 0 1.18-.94 2.034-.94s1.104.94 1.678.94c.57 0 .42-.94 1.57-.94c1.149 0 .999.94 1.853.94c.86 0 .215-.94 1.644-.94c1.43 0 .93.94 1.784.94c.86 0 .285-.94 1.714-.94c1.144 0 1.144 1.25 1.999 1.25v1.248c-1.144 0-1.25-.999-1.999-.999s-.57 1-1.714 1c-1.14 0-.93-1-1.784-1s-.5 1-1.644 1c-1.139 0-.999-1-1.853-1c-.855 0-.43 1-1.57 1c-1.144 0-.824-1-1.678-1c-.855 0-.895 1-2.034 1a2.1 2.1 0 0 1-1.714-.94z"/></g><defs><clipPath id="SVGHcSWxdhd10"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedUmamiBackground(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(#SVGHcSWxdhd10)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="#fff" d="M5.504 15.997H4.005v1.749c0 1.4 1.334 1.749 1.999 1.749h11.992c1.6 0 1.999-1.36 1.999-2.039v-1.459h-9.994v.875c0 .29-.315.874-1 .874c-.684 0-.998-.584-.998-.874v-.875h-.5v1.999c0 .75-.43 1-1 1c-.454 0-.999-.25-.999-.96zM4.005 12.25c0-.414.385-.749.854-.749h14.287c.47 0 .854.335.854.75c0 .414-.385.75-.854.75H4.854c-.47 0-.854-.336-.854-.75z"/><path fill="#fff" fillRule="evenodd" d="M12 4.505c-5.906 0-7.995 2.953-7.995 4.722V11h15.99V9.227c0-1.769-2.748-4.722-7.995-4.722m-1.43.59c-1.713 0-5.196 1.064-5.42 5.316h1.423c.1-1.279 1.03-4.132 3.998-5.316" clipRule="evenodd"/><path fill="#fff" d="M4.005 14.563v-1.564c.285.315 1.03.94 1.714.94c.854 0 1.18-.94 2.034-.94s1.104.94 1.678.94c.57 0 .42-.94 1.57-.94c1.149 0 .999.94 1.853.94c.86 0 .215-.94 1.644-.94c1.43 0 .93.94 1.784.94c.86 0 .285-.94 1.714-.94c1.144 0 1.144 1.25 1.999 1.25v1.248c-1.144 0-1.25-.999-1.999-.999s-.57 1-1.714 1c-1.14 0-.93-1-1.784-1s-.5 1-1.644 1c-1.139 0-.999-1-1.853-1c-.855 0-.43 1-1.57 1c-1.144 0-.824-1-1.678-1c-.855 0-.895 1-2.034 1a2.1 2.1 0 0 1-1.714-.94z"/></g><defs><clipPath id="SVGHcSWxdhd10"><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(#SVGHcSWxdhd10)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="#fff" d="M5.504 15.997H4.005v1.749c0 1.4 1.334 1.749 1.999 1.749h11.992c1.6 0 1.999-1.36 1.999-2.039v-1.459h-9.994v.875c0 .29-.315.874-1 .874c-.684 0-.998-.584-.998-.874v-.875h-.5v1.999c0 .75-.43 1-1 1c-.454 0-.999-.25-.999-.96zM4.005 12.25c0-.414.385-.749.854-.749h14.287c.47 0 .854.335.854.75c0 .414-.385.75-.854.75H4.854c-.47 0-.854-.336-.854-.75z"/><path fill="#fff" fill-rule="evenodd" d="M12 4.505c-5.906 0-7.995 2.953-7.995 4.722V11h15.99V9.227c0-1.769-2.748-4.722-7.995-4.722m-1.43.59c-1.713 0-5.196 1.064-5.42 5.316h1.423c.1-1.279 1.03-4.132 3.998-5.316" clip-rule="evenodd"/><path fill="#fff" d="M4.005 14.563v-1.564c.285.315 1.03.94 1.714.94c.854 0 1.18-.94 2.034-.94s1.104.94 1.678.94c.57 0 .42-.94 1.57-.94c1.149 0 .999.94 1.853.94c.86 0 .215-.94 1.644-.94c1.43 0 .93.94 1.784.94c.86 0 .285-.94 1.714-.94c1.144 0 1.144 1.25 1.999 1.25v1.248c-1.144 0-1.25-.999-1.999-.999s-.57 1-1.714 1c-1.14 0-.93-1-1.784-1s-.5 1-1.644 1c-1.139 0-.999-1-1.853-1c-.855 0-.43 1-1.57 1c-1.144 0-.824-1-1.678-1c-.855 0-.895 1-2.034 1a2.1 2.1 0 0 1-1.714-.94z"/></g><defs><clipPath id="SVGHcSWxdhd10"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
</template>

CSS

.icon-umami-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(%23SVGHcSWxdhd10)%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5.504%2015.997H4.005v1.749c0%201.4%201.334%201.749%201.999%201.749h11.992c1.6%200%201.999-1.36%201.999-2.039v-1.459h-9.994v.875c0%20.29-.315.874-1%20.874c-.684%200-.998-.584-.998-.874v-.875h-.5v1.999c0%20.75-.43%201-1%201c-.454%200-.999-.25-.999-.96zM4.005%2012.25c0-.414.385-.749.854-.749h14.287c.47%200%20.854.335.854.75c0%20.414-.385.75-.854.75H4.854c-.47%200-.854-.336-.854-.75z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%204.505c-5.906%200-7.995%202.953-7.995%204.722V11h15.99V9.227c0-1.769-2.748-4.722-7.995-4.722m-1.43.59c-1.713%200-5.196%201.064-5.42%205.316h1.423c.1-1.279%201.03-4.132%203.998-5.316%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M4.005%2014.563v-1.564c.285.315%201.03.94%201.714.94c.854%200%201.18-.94%202.034-.94s1.104.94%201.678.94c.57%200%20.42-.94%201.57-.94c1.149%200%20.999.94%201.853.94c.86%200%20.215-.94%201.644-.94c1.43%200%20.93.94%201.784.94c.86%200%20.285-.94%201.714-.94c1.144%200%201.144%201.25%201.999%201.25v1.248c-1.144%200-1.25-.999-1.999-.999s-.57%201-1.714%201c-1.14%200-.93-1-1.784-1s-.5%201-1.644%201c-1.139%200-.999-1-1.853-1c-.855%200-.43%201-1.57%201c-1.144%200-.824-1-1.678-1c-.855%200-.895%201-2.034%201a2.1%202.1%200%200%201-1.714-.94z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd10%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(%23SVGHcSWxdhd10)%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5.504%2015.997H4.005v1.749c0%201.4%201.334%201.749%201.999%201.749h11.992c1.6%200%201.999-1.36%201.999-2.039v-1.459h-9.994v.875c0%20.29-.315.874-1%20.874c-.684%200-.998-.584-.998-.874v-.875h-.5v1.999c0%20.75-.43%201-1%201c-.454%200-.999-.25-.999-.96zM4.005%2012.25c0-.414.385-.749.854-.749h14.287c.47%200%20.854.335.854.75c0%20.414-.385.75-.854.75H4.854c-.47%200-.854-.336-.854-.75z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M12%204.505c-5.906%200-7.995%202.953-7.995%204.722V11h15.99V9.227c0-1.769-2.748-4.722-7.995-4.722m-1.43.59c-1.713%200-5.196%201.064-5.42%205.316h1.423c.1-1.279%201.03-4.132%203.998-5.316%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M4.005%2014.563v-1.564c.285.315%201.03.94%201.714.94c.854%200%201.18-.94%202.034-.94s1.104.94%201.678.94c.57%200%20.42-.94%201.57-.94c1.149%200%20.999.94%201.853.94c.86%200%20.215-.94%201.644-.94c1.43%200%20.93.94%201.784.94c.86%200%20.285-.94%201.714-.94c1.144%200%201.144%201.25%201.999%201.25v1.248c-1.144%200-1.25-.999-1.999-.999s-.57%201-1.714%201c-1.14%200-.93-1-1.784-1s-.5%201-1.644%201c-1.139%200-.999-1-1.853-1c-.855%200-.43%201-1.57%201c-1.144%200-.824-1-1.678-1c-.855%200-.895%201-2.034%201a2.1%202.1%200%200%201-1.714-.94z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd10%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/umami-background.svg?color=%231a73e8&size=48