upstage logo

upstage-color from LobeHub AI Icons by LobeHub · Color · MIT Free for personal and commercial use.

Name
upstage-color
Set
LobeHub AI Icons
Style
Color
Viewbox
24×24
License
MIT

2 other variants in LobeHub AI Icons

upstageupstage-text

Use the upstage logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="url(#svgID8)" d="M19.763 0l-.373 1.297h2.594L22.354 0h-2.591zM16.192 2.27l-.376 1.298h5.52l.37-1.298h-5.514zM12.897 4.54l-.376 1.298h8.166l.37-1.298h-8.16zM2.85 6.81l-.377 1.298h17.565l.37-1.297H2.848zM3.884 9.081l-.376 1.297H19.39l.37-1.297H3.882zM4.088 24l.376-1.297H1.866L1.5 24h2.588zM7.662 21.73l.376-1.297H2.515L2.15 21.73h5.513zM10.957 19.459l.376-1.297h-8.17l-.366 1.297h8.16zM21.005 17.189l.376-1.297H3.812l-.366 1.297h17.559zM19.967 14.919l.376-1.297H4.461l-.366 1.297h15.872zM18.786 12.649l.376-1.297H4.26l-.366 1.297h14.893z"/><defs><linearGradient id="svgID8" x1="11.927" x2="11.927" y2="24" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#aebcfe"/><stop offset="1" stop-color="#805dfa"/></linearGradient></defs></svg>

React

import type { SVGProps } from "react";

export function LobehubUpstageColor(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="url(#svgID8)" d="M19.763 0l-.373 1.297h2.594L22.354 0h-2.591zM16.192 2.27l-.376 1.298h5.52l.37-1.298h-5.514zM12.897 4.54l-.376 1.298h8.166l.37-1.298h-8.16zM2.85 6.81l-.377 1.298h17.565l.37-1.297H2.848zM3.884 9.081l-.376 1.297H19.39l.37-1.297H3.882zM4.088 24l.376-1.297H1.866L1.5 24h2.588zM7.662 21.73l.376-1.297H2.515L2.15 21.73h5.513zM10.957 19.459l.376-1.297h-8.17l-.366 1.297h8.16zM21.005 17.189l.376-1.297H3.812l-.366 1.297h17.559zM19.967 14.919l.376-1.297H4.461l-.366 1.297h15.872zM18.786 12.649l.376-1.297H4.26l-.366 1.297h14.893z"/><defs><linearGradient id="svgID8" x1="11.927" x2="11.927" y2="24" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#aebcfe"/><stop offset="1" stopColor="#805dfa"/></linearGradient></defs></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="url(#svgID8)" d="M19.763 0l-.373 1.297h2.594L22.354 0h-2.591zM16.192 2.27l-.376 1.298h5.52l.37-1.298h-5.514zM12.897 4.54l-.376 1.298h8.166l.37-1.298h-8.16zM2.85 6.81l-.377 1.298h17.565l.37-1.297H2.848zM3.884 9.081l-.376 1.297H19.39l.37-1.297H3.882zM4.088 24l.376-1.297H1.866L1.5 24h2.588zM7.662 21.73l.376-1.297H2.515L2.15 21.73h5.513zM10.957 19.459l.376-1.297h-8.17l-.366 1.297h8.16zM21.005 17.189l.376-1.297H3.812l-.366 1.297h17.559zM19.967 14.919l.376-1.297H4.461l-.366 1.297h15.872zM18.786 12.649l.376-1.297H4.26l-.366 1.297h14.893z"/><defs><linearGradient id="svgID8" x1="11.927" x2="11.927" y2="24" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#aebcfe"/><stop offset="1" stop-color="#805dfa"/></linearGradient></defs></svg>
</template>

CSS

.icon-upstage-color {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22url(%23svgID8)%22%20d%3D%22M19.763%200l-.373%201.297h2.594L22.354%200h-2.591zM16.192%202.27l-.376%201.298h5.52l.37-1.298h-5.514zM12.897%204.54l-.376%201.298h8.166l.37-1.298h-8.16zM2.85%206.81l-.377%201.298h17.565l.37-1.297H2.848zM3.884%209.081l-.376%201.297H19.39l.37-1.297H3.882zM4.088%2024l.376-1.297H1.866L1.5%2024h2.588zM7.662%2021.73l.376-1.297H2.515L2.15%2021.73h5.513zM10.957%2019.459l.376-1.297h-8.17l-.366%201.297h8.16zM21.005%2017.189l.376-1.297H3.812l-.366%201.297h17.559zM19.967%2014.919l.376-1.297H4.461l-.366%201.297h15.872zM18.786%2012.649l.376-1.297H4.26l-.366%201.297h14.893z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22svgID8%22%20x1%3D%2211.927%22%20x2%3D%2211.927%22%20y2%3D%2224%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23aebcfe%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23805dfa%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%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%2024%2024%22%3E%3Cpath%20fill%3D%22url(%23svgID8)%22%20d%3D%22M19.763%200l-.373%201.297h2.594L22.354%200h-2.591zM16.192%202.27l-.376%201.298h5.52l.37-1.298h-5.514zM12.897%204.54l-.376%201.298h8.166l.37-1.298h-8.16zM2.85%206.81l-.377%201.298h17.565l.37-1.297H2.848zM3.884%209.081l-.376%201.297H19.39l.37-1.297H3.882zM4.088%2024l.376-1.297H1.866L1.5%2024h2.588zM7.662%2021.73l.376-1.297H2.515L2.15%2021.73h5.513zM10.957%2019.459l.376-1.297h-8.17l-.366%201.297h8.16zM21.005%2017.189l.376-1.297H3.812l-.366%201.297h17.559zM19.967%2014.919l.376-1.297H4.461l-.366%201.297h15.872zM18.786%2012.649l.376-1.297H4.26l-.366%201.297h14.893z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22svgID8%22%20x1%3D%2211.927%22%20x2%3D%2211.927%22%20y2%3D%2224%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23aebcfe%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23805dfa%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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