zest logo

zest from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
zest
Set
SVG Logos
Style
Color
Viewbox
256×161
License
CC0

Use the zest logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 161"><path d="M82.425 0l-46.13 79.9L59.1 119.287L127.937.056L82.425 0zm92.456.113L150.873.084L70.591 139.135l12.03 20.777l92.456.113l46.13-79.899L174.881.113zM11.957 91.29C5.354 91.29 0 85.978 0 79.425c0-6.55 5.354-11.862 11.957-11.862c6.603 0 11.957 5.312 11.957 11.863c0 6.551-5.354 11.862-11.957 11.862zm232.087 0c-6.603 0-11.957-5.312-11.957-11.864c0-6.55 5.354-11.862 11.957-11.862c6.603 0 11.957 5.312 11.957 11.863c0 6.551-5.354 11.862-11.957 11.862z" fill="#26CDAF"/></svg>

React

import type { SVGProps } from "react";

export function LogosZest(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 161"><path d="M82.425 0l-46.13 79.9L59.1 119.287L127.937.056L82.425 0zm92.456.113L150.873.084L70.591 139.135l12.03 20.777l92.456.113l46.13-79.899L174.881.113zM11.957 91.29C5.354 91.29 0 85.978 0 79.425c0-6.55 5.354-11.862 11.957-11.862c6.603 0 11.957 5.312 11.957 11.863c0 6.551-5.354 11.862-11.957 11.862zm232.087 0c-6.603 0-11.957-5.312-11.957-11.864c0-6.55 5.354-11.862 11.957-11.862c6.603 0 11.957 5.312 11.957 11.863c0 6.551-5.354 11.862-11.957 11.862z" fill="#26CDAF"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 161"><path d="M82.425 0l-46.13 79.9L59.1 119.287L127.937.056L82.425 0zm92.456.113L150.873.084L70.591 139.135l12.03 20.777l92.456.113l46.13-79.899L174.881.113zM11.957 91.29C5.354 91.29 0 85.978 0 79.425c0-6.55 5.354-11.862 11.957-11.862c6.603 0 11.957 5.312 11.957 11.863c0 6.551-5.354 11.862-11.957 11.862zm232.087 0c-6.603 0-11.957-5.312-11.957-11.864c0-6.55 5.354-11.862 11.957-11.862c6.603 0 11.957 5.312 11.957 11.863c0 6.551-5.354 11.862-11.957 11.862z" fill="#26CDAF"/></svg>
</template>

CSS

.icon-zest {
  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%20256%20161%22%3E%3Cpath%20d%3D%22M82.425%200l-46.13%2079.9L59.1%20119.287L127.937.056L82.425%200zm92.456.113L150.873.084L70.591%20139.135l12.03%2020.777l92.456.113l46.13-79.899L174.881.113zM11.957%2091.29C5.354%2091.29%200%2085.978%200%2079.425c0-6.55%205.354-11.862%2011.957-11.862c6.603%200%2011.957%205.312%2011.957%2011.863c0%206.551-5.354%2011.862-11.957%2011.862zm232.087%200c-6.603%200-11.957-5.312-11.957-11.864c0-6.55%205.354-11.862%2011.957-11.862c6.603%200%2011.957%205.312%2011.957%2011.863c0%206.551-5.354%2011.862-11.957%2011.862z%22%20fill%3D%22%2326CDAF%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%20256%20161%22%3E%3Cpath%20d%3D%22M82.425%200l-46.13%2079.9L59.1%20119.287L127.937.056L82.425%200zm92.456.113L150.873.084L70.591%20139.135l12.03%2020.777l92.456.113l46.13-79.899L174.881.113zM11.957%2091.29C5.354%2091.29%200%2085.978%200%2079.425c0-6.55%205.354-11.862%2011.957-11.862c6.603%200%2011.957%205.312%2011.957%2011.863c0%206.551-5.354%2011.862-11.957%2011.862zm232.087%200c-6.603%200-11.957-5.312-11.957-11.864c0-6.55%205.354-11.862%2011.957-11.862c6.603%200%2011.957%205.312%2011.957%2011.863c0%206.551-5.354%2011.862-11.957%2011.862z%22%20fill%3D%22%2326CDAF%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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