ICONYZ
Español
Icono Upstash de theSVG Color

Icono Upstash

thesvg-color:upstash

El icono Upstash (thesvg-color:upstash) es un icono SVG gratuito de la colección theSVG Color de thesvg.org. Está dibujado en una cuadrícula de 256 × 341. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.

Colección
theSVG Color
Autor
thesvg.org
Licencia
MIT
Tamaño
256 × 341
Descargar SVG

Código SVG

<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>

Cómo usar el icono Upstash

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>

Imagen HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/upstash.svg" alt="Icono Upstash" width="24" height="24">

El icono Upstash en otras colecciones

Preguntas frecuentes sobre Icono Upstash

¿El icono Upstash es gratis para uso comercial?

Sí. theSVG Color icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.

¿Cómo uso el icono Upstash en React?

Instala @iconify/react y renderiza <Icon icon="thesvg-color:upstash" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.

¿Cómo añado el icono Upstash a una página web?

Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/thesvg-color/upstash.svg" alt="Icono Upstash">, o pega el código SVG en línea para darle estilo con CSS.

Ver todos los Iconos theSVG Color →