Upstash icon

logos:upstash

The Upstash icon (logos:upstash) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 153 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 512 × 153

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="153" viewBox="0 0 512 153"><path fill="#00c98d" d="M0 133.753c25.348 25.348 66.446 25.348 91.794 0s25.348-66.445 0-91.793L80.319 53.434c19.012 19.01 19.012 49.834 0 68.845c-19.01 19.011-49.834 19.011-68.845 0z"/><path fill="#00c98d" d="M22.949 110.805c12.674 12.674 33.222 12.674 45.896 0s12.674-33.223 0-45.897L57.371 76.382c6.337 6.337 6.337 16.611 0 22.949c-6.337 6.337-16.611 6.337-22.948 0zm91.793-91.794c-25.348-25.348-66.446-25.348-91.794 0s-25.348 66.446 0 91.794L34.422 99.33c-19.01-19.011-19.01-49.835 0-68.846c19.011-19.01 49.834-19.01 68.845 0z"/><path fill="#00c98d" d="M91.794 41.96c-12.674-12.674-33.224-12.674-45.898 0s-12.674 33.222 0 45.896l11.475-11.474c-6.337-6.337-6.337-16.611 0-22.948s16.61-6.337 22.948 0z"/><path fill="#fff" fill-opacity=".4" d="M114.742 19.011c-25.348-25.348-66.446-25.348-91.794 0s-25.348 66.446 0 91.794L34.422 99.33c-19.01-19.011-19.01-49.835 0-68.846c19.011-19.01 49.834-19.01 68.845 0z"/><path fill="#fff" fill-opacity=".4" d="M91.794 41.96c-12.674-12.674-33.224-12.674-45.898 0s-12.674 33.222 0 45.896l11.475-11.474c-6.337-6.337-6.337-16.611 0-22.948s16.61-6.337 22.948 0z"/><path fill="#050505" d="M190.729 85.463c0 8.09-5.774 12.101-11.306 12.101c-6.016 0-10.026-4.252-10.026-10.994V54.692H156.88v33.814c0 12.758 7.261 19.984 17.703 19.984c7.952 0 13.553-4.184 15.973-10.13h.553v9.438h12.136V54.692H190.73zm23.44 42.25h12.515V99.431h.519c1.97 3.873 6.085 9.3 15.212 9.3c12.517 0 21.886-9.922 21.886-27.417c0-17.702-9.646-27.314-21.92-27.314c-9.37 0-13.277 5.636-15.178 9.474h-.726v-8.782h-12.309zm12.273-46.468c0-10.303 4.426-16.976 12.481-16.976c8.333 0 12.62 7.088 12.62 16.976c0 9.958-4.356 17.218-12.62 17.218c-7.986 0-12.481-6.915-12.481-17.218m88.604-12.516C313.317 59.739 306.126 54 293.678 54c-12.792 0-21.505 6.293-21.47 16.112c-.035 7.745 4.737 12.862 14.936 14.97l9.058 1.902c4.875 1.072 7.157 3.043 7.157 6.051c0 3.63-3.941 6.362-9.888 6.362c-5.74 0-9.473-2.49-10.545-7.261l-12.205 1.176c1.556 9.75 9.75 15.524 22.785 15.524c13.276 0 22.646-6.88 22.68-16.942c-.034-7.572-4.909-12.205-14.936-14.383l-9.058-1.936c-5.394-1.21-7.537-3.077-7.503-6.154c-.034-3.596 3.942-6.086 9.162-6.086c5.774 0 8.817 3.147 9.785 6.639zm36.03-14.037h-10.472V41.968h-12.518v12.724h-7.537v9.68h7.537V93.9c-.068 9.993 7.192 14.902 16.597 14.625c3.56-.103 6.014-.795 7.364-1.244l-2.11-9.785c-.69.173-2.109.484-3.663.484c-3.148 0-5.67-1.106-5.67-6.154V64.373h10.473zm23.806 54.178c8.33 0 13.31-3.907 15.59-8.367h.416v7.295h12.034V72.256c0-14.038-11.446-18.256-21.575-18.256c-11.168 0-19.742 4.98-22.51 14.66l11.686 1.66c1.247-3.63 4.771-6.743 10.892-6.743c5.81 0 8.99 2.974 8.99 8.194v.208c0 3.596-3.768 3.769-13.138 4.771c-10.304 1.107-20.157 4.184-20.157 16.147c0 10.441 7.64 15.973 17.772 15.973m3.249-9.197c-5.222 0-8.955-2.385-8.955-6.984c0-4.806 4.184-6.811 9.785-7.606c3.285-.45 9.853-1.28 11.48-2.593v6.258c0 5.912-4.775 10.925-12.31 10.925m77.402-30.944C453.803 59.739 446.612 54 434.166 54c-12.794 0-21.508 6.293-21.472 16.112c-.036 7.745 4.738 12.862 14.935 14.97l9.062 1.902c4.874 1.072 7.156 3.043 7.156 6.051c0 3.63-3.944 6.362-9.89 6.362c-5.74 0-9.472-2.49-10.543-7.261l-12.206 1.176c1.554 9.75 9.749 15.524 22.786 15.524c13.273 0 22.646-6.88 22.678-16.942c-.032-7.572-4.91-12.205-14.935-14.383l-9.058-1.936c-5.394-1.21-7.539-3.077-7.503-6.154c-.036-3.596 3.94-6.086 9.162-6.086c5.773 0 8.817 3.147 9.784 6.639zm22.03 7.952c0-7.675 4.77-12.101 11.479-12.101c6.569 0 10.44 4.184 10.44 11.34v31.878H512V73.985C512 61.157 504.737 54 493.709 54c-8.159 0-13.345 3.7-15.802 9.716h-.62V36.99h-12.241v70.808h12.517z"/></svg>

How to use the Upstash icon

React

import { Icon } from "@iconify/react";

<Icon icon="logos:upstash" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:upstash" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:upstash" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--upstash]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:upstash"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:upstash"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/upstash.svg" alt="Upstash icon" width="24" height="24">

Related icons in SVG Logos

Upstash icon in other icon sets

Upstash icon FAQ

Is the Upstash icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Upstash icon in React?

Install @iconify/react and render <Icon icon="logos:upstash" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Upstash icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/upstash.svg" alt="Upstash icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →