Upstash icon
thesvg-color:upstash
The Upstash icon (thesvg-color:upstash) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 256 × 341 grid. theSVG Color icons are released under the MIT 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
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 256 × 341
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="341" 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>How to use the Upstash icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:upstash" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:upstash" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:upstash" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--upstash]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:upstash"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:upstash"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/upstash.svg" alt="Upstash icon" width="24" height="24">Upstash icon in other icon sets
Upstash icon FAQ
Is the Upstash icon free for commercial use?
Yes. theSVG Color icons are released under the MIT 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="thesvg-color: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/thesvg-color/upstash.svg" alt="Upstash icon">, or paste the SVG code inline to style it with CSS.