upstash icon logo

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

Name
upstash-icon
Set
SVG Logos
Style
Color
Viewbox
256×341
License
CC0

Use the upstash icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 341"><path fill="#00c98d" d="M0 298.417c56.554 56.553 148.247 56.553 204.801 0c56.554-56.554 56.554-148.247 0-204.801l-25.6 25.6c42.415 42.416 42.415 111.185 0 153.6c-42.416 42.416-111.185 42.416-153.601 0z"/><path fill="#00c98d" d="M51.2 247.216c28.277 28.277 74.123 28.277 102.4 0c28.277-28.276 28.277-74.123 0-102.4l-25.6 25.6c14.14 14.138 14.14 37.061 0 51.2c-14.138 14.139-37.061 14.139-51.2 0zM256 42.415c-56.554-56.553-148.247-56.553-204.8 0c-56.555 56.555-56.555 148.247 0 204.801l25.599-25.6c-42.415-42.415-42.415-111.185 0-153.6c42.416-42.416 111.185-42.416 153.6 0z"/><path fill="#00c98d" d="M204.8 93.616c-28.276-28.277-74.124-28.277-102.4 0c-28.278 28.277-28.278 74.123 0 102.4l25.6-25.6c-14.14-14.138-14.14-37.061 0-51.2c14.138-14.139 37.06-14.139 51.2 0z"/><path fill="#fff" fill-opacity=".4" d="M256 42.415c-56.554-56.553-148.247-56.553-204.8 0c-56.555 56.555-56.555 148.247 0 204.801l25.599-25.6c-42.415-42.415-42.415-111.185 0-153.6c42.416-42.416 111.185-42.416 153.6 0z"/><path fill="#fff" fill-opacity=".4" d="M204.8 93.616c-28.276-28.277-74.124-28.277-102.4 0c-28.278 28.277-28.278 74.123 0 102.4l25.6-25.6c-14.14-14.138-14.14-37.061 0-51.2c14.138-14.139 37.06-14.139 51.2 0z"/></svg>

React

import type { SVGProps } from "react";

export function LogosUpstashIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 341"><path fill="#00c98d" d="M0 298.417c56.554 56.553 148.247 56.553 204.801 0c56.554-56.554 56.554-148.247 0-204.801l-25.6 25.6c42.415 42.416 42.415 111.185 0 153.6c-42.416 42.416-111.185 42.416-153.601 0z"/><path fill="#00c98d" d="M51.2 247.216c28.277 28.277 74.123 28.277 102.4 0c28.277-28.276 28.277-74.123 0-102.4l-25.6 25.6c14.14 14.138 14.14 37.061 0 51.2c-14.138 14.139-37.061 14.139-51.2 0zM256 42.415c-56.554-56.553-148.247-56.553-204.8 0c-56.555 56.555-56.555 148.247 0 204.801l25.599-25.6c-42.415-42.415-42.415-111.185 0-153.6c42.416-42.416 111.185-42.416 153.6 0z"/><path fill="#00c98d" d="M204.8 93.616c-28.276-28.277-74.124-28.277-102.4 0c-28.278 28.277-28.278 74.123 0 102.4l25.6-25.6c-14.14-14.138-14.14-37.061 0-51.2c14.138-14.139 37.06-14.139 51.2 0z"/><path fill="#fff" fillOpacity=".4" d="M256 42.415c-56.554-56.553-148.247-56.553-204.8 0c-56.555 56.555-56.555 148.247 0 204.801l25.599-25.6c-42.415-42.415-42.415-111.185 0-153.6c42.416-42.416 111.185-42.416 153.6 0z"/><path fill="#fff" fillOpacity=".4" d="M204.8 93.616c-28.276-28.277-74.124-28.277-102.4 0c-28.278 28.277-28.278 74.123 0 102.4l25.6-25.6c-14.14-14.138-14.14-37.061 0-51.2c14.138-14.139 37.06-14.139 51.2 0z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 341"><path fill="#00c98d" d="M0 298.417c56.554 56.553 148.247 56.553 204.801 0c56.554-56.554 56.554-148.247 0-204.801l-25.6 25.6c42.415 42.416 42.415 111.185 0 153.6c-42.416 42.416-111.185 42.416-153.601 0z"/><path fill="#00c98d" d="M51.2 247.216c28.277 28.277 74.123 28.277 102.4 0c28.277-28.276 28.277-74.123 0-102.4l-25.6 25.6c14.14 14.138 14.14 37.061 0 51.2c-14.138 14.139-37.061 14.139-51.2 0zM256 42.415c-56.554-56.553-148.247-56.553-204.8 0c-56.555 56.555-56.555 148.247 0 204.801l25.599-25.6c-42.415-42.415-42.415-111.185 0-153.6c42.416-42.416 111.185-42.416 153.6 0z"/><path fill="#00c98d" d="M204.8 93.616c-28.276-28.277-74.124-28.277-102.4 0c-28.278 28.277-28.278 74.123 0 102.4l25.6-25.6c-14.14-14.138-14.14-37.061 0-51.2c14.138-14.139 37.06-14.139 51.2 0z"/><path fill="#fff" fill-opacity=".4" d="M256 42.415c-56.554-56.553-148.247-56.553-204.8 0c-56.555 56.555-56.555 148.247 0 204.801l25.599-25.6c-42.415-42.415-42.415-111.185 0-153.6c42.416-42.416 111.185-42.416 153.6 0z"/><path fill="#fff" fill-opacity=".4" d="M204.8 93.616c-28.276-28.277-74.124-28.277-102.4 0c-28.278 28.277-28.278 74.123 0 102.4l25.6-25.6c-14.14-14.138-14.14-37.061 0-51.2c14.138-14.139 37.06-14.139 51.2 0z"/></svg>
</template>

CSS

.icon-upstash-icon {
  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%20341%22%3E%3Cpath%20fill%3D%22%2300c98d%22%20d%3D%22M0%20298.417c56.554%2056.553%20148.247%2056.553%20204.801%200c56.554-56.554%2056.554-148.247%200-204.801l-25.6%2025.6c42.415%2042.416%2042.415%20111.185%200%20153.6c-42.416%2042.416-111.185%2042.416-153.601%200z%22%2F%3E%3Cpath%20fill%3D%22%2300c98d%22%20d%3D%22M51.2%20247.216c28.277%2028.277%2074.123%2028.277%20102.4%200c28.277-28.276%2028.277-74.123%200-102.4l-25.6%2025.6c14.14%2014.138%2014.14%2037.061%200%2051.2c-14.138%2014.139-37.061%2014.139-51.2%200zM256%2042.415c-56.554-56.553-148.247-56.553-204.8%200c-56.555%2056.555-56.555%20148.247%200%20204.801l25.599-25.6c-42.415-42.415-42.415-111.185%200-153.6c42.416-42.416%20111.185-42.416%20153.6%200z%22%2F%3E%3Cpath%20fill%3D%22%2300c98d%22%20d%3D%22M204.8%2093.616c-28.276-28.277-74.124-28.277-102.4%200c-28.278%2028.277-28.278%2074.123%200%20102.4l25.6-25.6c-14.14-14.138-14.14-37.061%200-51.2c14.138-14.139%2037.06-14.139%2051.2%200z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-opacity%3D%22.4%22%20d%3D%22M256%2042.415c-56.554-56.553-148.247-56.553-204.8%200c-56.555%2056.555-56.555%20148.247%200%20204.801l25.599-25.6c-42.415-42.415-42.415-111.185%200-153.6c42.416-42.416%20111.185-42.416%20153.6%200z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-opacity%3D%22.4%22%20d%3D%22M204.8%2093.616c-28.276-28.277-74.124-28.277-102.4%200c-28.278%2028.277-28.278%2074.123%200%20102.4l25.6-25.6c-14.14-14.138-14.14-37.061%200-51.2c14.138-14.139%2037.06-14.139%2051.2%200z%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%20341%22%3E%3Cpath%20fill%3D%22%2300c98d%22%20d%3D%22M0%20298.417c56.554%2056.553%20148.247%2056.553%20204.801%200c56.554-56.554%2056.554-148.247%200-204.801l-25.6%2025.6c42.415%2042.416%2042.415%20111.185%200%20153.6c-42.416%2042.416-111.185%2042.416-153.601%200z%22%2F%3E%3Cpath%20fill%3D%22%2300c98d%22%20d%3D%22M51.2%20247.216c28.277%2028.277%2074.123%2028.277%20102.4%200c28.277-28.276%2028.277-74.123%200-102.4l-25.6%2025.6c14.14%2014.138%2014.14%2037.061%200%2051.2c-14.138%2014.139-37.061%2014.139-51.2%200zM256%2042.415c-56.554-56.553-148.247-56.553-204.8%200c-56.555%2056.555-56.555%20148.247%200%20204.801l25.599-25.6c-42.415-42.415-42.415-111.185%200-153.6c42.416-42.416%20111.185-42.416%20153.6%200z%22%2F%3E%3Cpath%20fill%3D%22%2300c98d%22%20d%3D%22M204.8%2093.616c-28.276-28.277-74.124-28.277-102.4%200c-28.278%2028.277-28.278%2074.123%200%20102.4l25.6-25.6c-14.14-14.138-14.14-37.061%200-51.2c14.138-14.139%2037.06-14.139%2051.2%200z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-opacity%3D%22.4%22%20d%3D%22M256%2042.415c-56.554-56.553-148.247-56.553-204.8%200c-56.555%2056.555-56.555%20148.247%200%20204.801l25.599-25.6c-42.415-42.415-42.415-111.185%200-153.6c42.416-42.416%20111.185-42.416%20153.6%200z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-opacity%3D%22.4%22%20d%3D%22M204.8%2093.616c-28.276-28.277-74.124-28.277-102.4%200c-28.278%2028.277-28.278%2074.123%200%20102.4l25.6-25.6c-14.14-14.138-14.14-37.061%200-51.2c14.138-14.139%2037.06-14.139%2051.2%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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