stima logo

stima-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.

Name: stima-background
Set: Web3 Icons Branded
Style: Background
Viewbox: 24×24
License: MIT

1 other variant in Web3 Icons Branded

Use the stima logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd92)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="url(#SVGbefwBdZb)" d="M11.617 4.1a.78.78 0 0 1 .765 0l6.349 3.623a.75.75 0 0 1 .382.654v7.246c0 .267-.147.52-.382.654L12.382 19.9a.78.78 0 0 1-.765 0L5.27 16.277a.76.76 0 0 1-.382-.654V8.377c0-.267.146-.52.382-.654z"/><path fill="url(#SVGNpGRBe3M)" d="M12.018 12L5.776 8.444l6.242-3.557l6.206 3.557z"/><path fill="url(#SVGT8QdWcrp)" d="m12 11.978l-.005 7.135l-6.21-3.578l-.01-7.091z"/><path fill="url(#SVGfZq3SbQW)" d="m12 11.978l.005 7.135l6.21-3.578l.009-7.091z"/><path fill="url(#SVGhaN4KegK)" d="m5.563 10.724l6.58 3.676a.474.474 0 0 1 .177.658a.49.49 0 0 1-.667.178l-6.58-3.677z"/><path fill="url(#SVG0651FdUn)" d="m18.336 13.365l-6.602-3.783a.48.48 0 0 1-.178-.662a.49.49 0 0 1 .662-.178l6.611 3.792l-.49.831z"/></g><defs><linearGradient id="SVGbefwBdZb" x1="4.887" x2="19.909" y1="15.463" y2="8.443" gradientUnits="userSpaceOnUse"><stop stop-color="#ebecf3"/><stop offset="1" stop-color="#acb2c6"/></linearGradient><linearGradient id="SVGNpGRBe3M" x1="4.526" x2="18.661" y1="11.82" y2="11.8" gradientUnits="userSpaceOnUse"><stop stop-color="#dd79b2"/><stop offset=".5" stop-color="#d4399b"/><stop offset="1" stop-color="#b94299"/></linearGradient><linearGradient id="SVGT8QdWcrp" x1="5.598" x2="16.6" y1="14.847" y2="5.524" gradientUnits="userSpaceOnUse"><stop stop-color="#dd79b2"/><stop offset=".5" stop-color="#d4399b"/><stop offset="1" stop-color="#b94299"/></linearGradient><linearGradient id="SVGfZq3SbQW" x1="5.344" x2="16.416" y1="8.42" y2="18.506" gradientUnits="userSpaceOnUse"><stop stop-color="#a7036c"/><stop offset="1" stop-color="#8c136d"/></linearGradient><linearGradient id="SVGhaN4KegK" x1="4.887" x2="21.082" y1="4" y2="9.456" gradientUnits="userSpaceOnUse"><stop stop-color="#e5e7ef"/><stop offset="1" stop-color="#acb2c6"/></linearGradient><linearGradient id="SVG0651FdUn" x1="18.683" x2="11.645" y1="10.889" y2="10.08" gradientUnits="userSpaceOnUse"><stop stop-color="#b7bdce"/><stop offset="1" stop-color="#d0d3e1"/></linearGradient><clipPath id="SVGHcSWxdhd92"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedStimaBackground(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clipPath="url(#SVGHcSWxdhd92)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="url(#SVGbefwBdZb)" d="M11.617 4.1a.78.78 0 0 1 .765 0l6.349 3.623a.75.75 0 0 1 .382.654v7.246c0 .267-.147.52-.382.654L12.382 19.9a.78.78 0 0 1-.765 0L5.27 16.277a.76.76 0 0 1-.382-.654V8.377c0-.267.146-.52.382-.654z"/><path fill="url(#SVGNpGRBe3M)" d="M12.018 12L5.776 8.444l6.242-3.557l6.206 3.557z"/><path fill="url(#SVGT8QdWcrp)" d="m12 11.978l-.005 7.135l-6.21-3.578l-.01-7.091z"/><path fill="url(#SVGfZq3SbQW)" d="m12 11.978l.005 7.135l6.21-3.578l.009-7.091z"/><path fill="url(#SVGhaN4KegK)" d="m5.563 10.724l6.58 3.676a.474.474 0 0 1 .177.658a.49.49 0 0 1-.667.178l-6.58-3.677z"/><path fill="url(#SVG0651FdUn)" d="m18.336 13.365l-6.602-3.783a.48.48 0 0 1-.178-.662a.49.49 0 0 1 .662-.178l6.611 3.792l-.49.831z"/></g><defs><linearGradient id="SVGbefwBdZb" x1="4.887" x2="19.909" y1="15.463" y2="8.443" gradientUnits="userSpaceOnUse"><stop stopColor="#ebecf3"/><stop offset="1" stopColor="#acb2c6"/></linearGradient><linearGradient id="SVGNpGRBe3M" x1="4.526" x2="18.661" y1="11.82" y2="11.8" gradientUnits="userSpaceOnUse"><stop stopColor="#dd79b2"/><stop offset=".5" stopColor="#d4399b"/><stop offset="1" stopColor="#b94299"/></linearGradient><linearGradient id="SVGT8QdWcrp" x1="5.598" x2="16.6" y1="14.847" y2="5.524" gradientUnits="userSpaceOnUse"><stop stopColor="#dd79b2"/><stop offset=".5" stopColor="#d4399b"/><stop offset="1" stopColor="#b94299"/></linearGradient><linearGradient id="SVGfZq3SbQW" x1="5.344" x2="16.416" y1="8.42" y2="18.506" gradientUnits="userSpaceOnUse"><stop stopColor="#a7036c"/><stop offset="1" stopColor="#8c136d"/></linearGradient><linearGradient id="SVGhaN4KegK" x1="4.887" x2="21.082" y1="4" y2="9.456" gradientUnits="userSpaceOnUse"><stop stopColor="#e5e7ef"/><stop offset="1" stopColor="#acb2c6"/></linearGradient><linearGradient id="SVG0651FdUn" x1="18.683" x2="11.645" y1="10.889" y2="10.08" gradientUnits="userSpaceOnUse"><stop stopColor="#b7bdce"/><stop offset="1" stopColor="#d0d3e1"/></linearGradient><clipPath id="SVGHcSWxdhd92"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><g clip-path="url(#SVGHcSWxdhd92)"><path fill="#fff" d="M24 0H0v24h24z"/><path fill="url(#SVGbefwBdZb)" d="M11.617 4.1a.78.78 0 0 1 .765 0l6.349 3.623a.75.75 0 0 1 .382.654v7.246c0 .267-.147.52-.382.654L12.382 19.9a.78.78 0 0 1-.765 0L5.27 16.277a.76.76 0 0 1-.382-.654V8.377c0-.267.146-.52.382-.654z"/><path fill="url(#SVGNpGRBe3M)" d="M12.018 12L5.776 8.444l6.242-3.557l6.206 3.557z"/><path fill="url(#SVGT8QdWcrp)" d="m12 11.978l-.005 7.135l-6.21-3.578l-.01-7.091z"/><path fill="url(#SVGfZq3SbQW)" d="m12 11.978l.005 7.135l6.21-3.578l.009-7.091z"/><path fill="url(#SVGhaN4KegK)" d="m5.563 10.724l6.58 3.676a.474.474 0 0 1 .177.658a.49.49 0 0 1-.667.178l-6.58-3.677z"/><path fill="url(#SVG0651FdUn)" d="m18.336 13.365l-6.602-3.783a.48.48 0 0 1-.178-.662a.49.49 0 0 1 .662-.178l6.611 3.792l-.49.831z"/></g><defs><linearGradient id="SVGbefwBdZb" x1="4.887" x2="19.909" y1="15.463" y2="8.443" gradientUnits="userSpaceOnUse"><stop stop-color="#ebecf3"/><stop offset="1" stop-color="#acb2c6"/></linearGradient><linearGradient id="SVGNpGRBe3M" x1="4.526" x2="18.661" y1="11.82" y2="11.8" gradientUnits="userSpaceOnUse"><stop stop-color="#dd79b2"/><stop offset=".5" stop-color="#d4399b"/><stop offset="1" stop-color="#b94299"/></linearGradient><linearGradient id="SVGT8QdWcrp" x1="5.598" x2="16.6" y1="14.847" y2="5.524" gradientUnits="userSpaceOnUse"><stop stop-color="#dd79b2"/><stop offset=".5" stop-color="#d4399b"/><stop offset="1" stop-color="#b94299"/></linearGradient><linearGradient id="SVGfZq3SbQW" x1="5.344" x2="16.416" y1="8.42" y2="18.506" gradientUnits="userSpaceOnUse"><stop stop-color="#a7036c"/><stop offset="1" stop-color="#8c136d"/></linearGradient><linearGradient id="SVGhaN4KegK" x1="4.887" x2="21.082" y1="4" y2="9.456" gradientUnits="userSpaceOnUse"><stop stop-color="#e5e7ef"/><stop offset="1" stop-color="#acb2c6"/></linearGradient><linearGradient id="SVG0651FdUn" x1="18.683" x2="11.645" y1="10.889" y2="10.08" gradientUnits="userSpaceOnUse"><stop stop-color="#b7bdce"/><stop offset="1" stop-color="#d0d3e1"/></linearGradient><clipPath id="SVGHcSWxdhd92"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
</template>

CSS

.icon-stima-background {
  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%3Cg%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd92)%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGbefwBdZb)%22%20d%3D%22M11.617%204.1a.78.78%200%200%201%20.765%200l6.349%203.623a.75.75%200%200%201%20.382.654v7.246c0%20.267-.147.52-.382.654L12.382%2019.9a.78.78%200%200%201-.765%200L5.27%2016.277a.76.76%200%200%201-.382-.654V8.377c0-.267.146-.52.382-.654z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGNpGRBe3M)%22%20d%3D%22M12.018%2012L5.776%208.444l6.242-3.557l6.206%203.557z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGT8QdWcrp)%22%20d%3D%22m12%2011.978l-.005%207.135l-6.21-3.578l-.01-7.091z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGfZq3SbQW)%22%20d%3D%22m12%2011.978l.005%207.135l6.21-3.578l.009-7.091z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGhaN4KegK)%22%20d%3D%22m5.563%2010.724l6.58%203.676a.474.474%200%200%201%20.177.658a.49.49%200%200%201-.667.178l-6.58-3.677z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG0651FdUn)%22%20d%3D%22m18.336%2013.365l-6.602-3.783a.48.48%200%200%201-.178-.662a.49.49%200%200%201%20.662-.178l6.611%203.792l-.49.831z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGbefwBdZb%22%20x1%3D%224.887%22%20x2%3D%2219.909%22%20y1%3D%2215.463%22%20y2%3D%228.443%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ebecf3%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23acb2c6%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGNpGRBe3M%22%20x1%3D%224.526%22%20x2%3D%2218.661%22%20y1%3D%2211.82%22%20y2%3D%2211.8%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23dd79b2%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23d4399b%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b94299%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGT8QdWcrp%22%20x1%3D%225.598%22%20x2%3D%2216.6%22%20y1%3D%2214.847%22%20y2%3D%225.524%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23dd79b2%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23d4399b%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b94299%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGfZq3SbQW%22%20x1%3D%225.344%22%20x2%3D%2216.416%22%20y1%3D%228.42%22%20y2%3D%2218.506%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23a7036c%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238c136d%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGhaN4KegK%22%20x1%3D%224.887%22%20x2%3D%2221.082%22%20y1%3D%224%22%20y2%3D%229.456%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23e5e7ef%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23acb2c6%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG0651FdUn%22%20x1%3D%2218.683%22%20x2%3D%2211.645%22%20y1%3D%2210.889%22%20y2%3D%2210.08%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23b7bdce%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23d0d3e1%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd92%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23SVGHcSWxdhd92)%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGbefwBdZb)%22%20d%3D%22M11.617%204.1a.78.78%200%200%201%20.765%200l6.349%203.623a.75.75%200%200%201%20.382.654v7.246c0%20.267-.147.52-.382.654L12.382%2019.9a.78.78%200%200%201-.765%200L5.27%2016.277a.76.76%200%200%201-.382-.654V8.377c0-.267.146-.52.382-.654z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGNpGRBe3M)%22%20d%3D%22M12.018%2012L5.776%208.444l6.242-3.557l6.206%203.557z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGT8QdWcrp)%22%20d%3D%22m12%2011.978l-.005%207.135l-6.21-3.578l-.01-7.091z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGfZq3SbQW)%22%20d%3D%22m12%2011.978l.005%207.135l6.21-3.578l.009-7.091z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGhaN4KegK)%22%20d%3D%22m5.563%2010.724l6.58%203.676a.474.474%200%200%201%20.177.658a.49.49%200%200%201-.667.178l-6.58-3.677z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG0651FdUn)%22%20d%3D%22m18.336%2013.365l-6.602-3.783a.48.48%200%200%201-.178-.662a.49.49%200%200%201%20.662-.178l6.611%203.792l-.49.831z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGbefwBdZb%22%20x1%3D%224.887%22%20x2%3D%2219.909%22%20y1%3D%2215.463%22%20y2%3D%228.443%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23ebecf3%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23acb2c6%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGNpGRBe3M%22%20x1%3D%224.526%22%20x2%3D%2218.661%22%20y1%3D%2211.82%22%20y2%3D%2211.8%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23dd79b2%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23d4399b%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b94299%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGT8QdWcrp%22%20x1%3D%225.598%22%20x2%3D%2216.6%22%20y1%3D%2214.847%22%20y2%3D%225.524%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23dd79b2%22%2F%3E%3Cstop%20offset%3D%22.5%22%20stop-color%3D%22%23d4399b%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b94299%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGfZq3SbQW%22%20x1%3D%225.344%22%20x2%3D%2216.416%22%20y1%3D%228.42%22%20y2%3D%2218.506%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23a7036c%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238c136d%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGhaN4KegK%22%20x1%3D%224.887%22%20x2%3D%2221.082%22%20y1%3D%224%22%20y2%3D%229.456%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23e5e7ef%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23acb2c6%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG0651FdUn%22%20x1%3D%2218.683%22%20x2%3D%2211.645%22%20y1%3D%2210.889%22%20y2%3D%2210.08%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23b7bdce%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23d0d3e1%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd92%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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