stos logo
stos-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- stos-background
- Set
- Web3 Icons Branded
- Style
- Background
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
The same logo in other sets
Use the stos 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(#SVGHcSWxdhd158)"><path fill="#00847b" d="M24 0H0v24h24z"/><path fill="#fff" d="M14.824 8.47c0-1.176-1.163-2.353-2.386-2.353s-2.302 1.177-2.302 2.353c0 .34.085.66.226.941l-.743.73l-.024.014a3.14 3.14 0 0 1-.419-1.685c0-1.816 1.365-3.294 3.262-3.294a3.275 3.275 0 0 1 3.327 3.294c0 1.817-1.685 3.294-3.577 3.294H4l1.882-1.411v.47h6.353c1.224 0 2.589-1.176 2.589-2.353m-5.648 7.06c0 1.176 1.163 2.352 2.386 2.352s2.32-1.176 2.32-2.353c0-.339-.08-.659-.226-.941l.725-.73l.024-.014c.306.495.418 1.073.418 1.685c0 1.817-1.364 3.294-3.26 3.294a3.277 3.277 0 0 1-3.328-3.294c0-1.816 1.534-3.294 3.43-3.294H20l-1.882 1.412v-.47h-6.452c-1.224 0-2.49 1.176-2.49 2.352"/></g><defs><clipPath id="SVGHcSWxdhd158"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedStosBackground(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(#SVGHcSWxdhd158)"><path fill="#00847b" d="M24 0H0v24h24z"/><path fill="#fff" d="M14.824 8.47c0-1.176-1.163-2.353-2.386-2.353s-2.302 1.177-2.302 2.353c0 .34.085.66.226.941l-.743.73l-.024.014a3.14 3.14 0 0 1-.419-1.685c0-1.816 1.365-3.294 3.262-3.294a3.275 3.275 0 0 1 3.327 3.294c0 1.817-1.685 3.294-3.577 3.294H4l1.882-1.411v.47h6.353c1.224 0 2.589-1.176 2.589-2.353m-5.648 7.06c0 1.176 1.163 2.352 2.386 2.352s2.32-1.176 2.32-2.353c0-.339-.08-.659-.226-.941l.725-.73l.024-.014c.306.495.418 1.073.418 1.685c0 1.817-1.364 3.294-3.26 3.294a3.277 3.277 0 0 1-3.328-3.294c0-1.816 1.534-3.294 3.43-3.294H20l-1.882 1.412v-.47h-6.452c-1.224 0-2.49 1.176-2.49 2.352"/></g><defs><clipPath id="SVGHcSWxdhd158"><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(#SVGHcSWxdhd158)"><path fill="#00847b" d="M24 0H0v24h24z"/><path fill="#fff" d="M14.824 8.47c0-1.176-1.163-2.353-2.386-2.353s-2.302 1.177-2.302 2.353c0 .34.085.66.226.941l-.743.73l-.024.014a3.14 3.14 0 0 1-.419-1.685c0-1.816 1.365-3.294 3.262-3.294a3.275 3.275 0 0 1 3.327 3.294c0 1.817-1.685 3.294-3.577 3.294H4l1.882-1.411v.47h6.353c1.224 0 2.589-1.176 2.589-2.353m-5.648 7.06c0 1.176 1.163 2.352 2.386 2.352s2.32-1.176 2.32-2.353c0-.339-.08-.659-.226-.941l.725-.73l.024-.014c.306.495.418 1.073.418 1.685c0 1.817-1.364 3.294-3.26 3.294a3.277 3.277 0 0 1-3.328-3.294c0-1.816 1.534-3.294 3.43-3.294H20l-1.882 1.412v-.47h-6.452c-1.224 0-2.49 1.176-2.49 2.352"/></g><defs><clipPath id="SVGHcSWxdhd158"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-stos-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(%23SVGHcSWxdhd158)%22%3E%3Cpath%20fill%3D%22%2300847b%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M14.824%208.47c0-1.176-1.163-2.353-2.386-2.353s-2.302%201.177-2.302%202.353c0%20.34.085.66.226.941l-.743.73l-.024.014a3.14%203.14%200%200%201-.419-1.685c0-1.816%201.365-3.294%203.262-3.294a3.275%203.275%200%200%201%203.327%203.294c0%201.817-1.685%203.294-3.577%203.294H4l1.882-1.411v.47h6.353c1.224%200%202.589-1.176%202.589-2.353m-5.648%207.06c0%201.176%201.163%202.352%202.386%202.352s2.32-1.176%202.32-2.353c0-.339-.08-.659-.226-.941l.725-.73l.024-.014c.306.495.418%201.073.418%201.685c0%201.817-1.364%203.294-3.26%203.294a3.277%203.277%200%200%201-3.328-3.294c0-1.816%201.534-3.294%203.43-3.294H20l-1.882%201.412v-.47h-6.452c-1.224%200-2.49%201.176-2.49%202.352%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd158%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(%23SVGHcSWxdhd158)%22%3E%3Cpath%20fill%3D%22%2300847b%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M14.824%208.47c0-1.176-1.163-2.353-2.386-2.353s-2.302%201.177-2.302%202.353c0%20.34.085.66.226.941l-.743.73l-.024.014a3.14%203.14%200%200%201-.419-1.685c0-1.816%201.365-3.294%203.262-3.294a3.275%203.275%200%200%201%203.327%203.294c0%201.817-1.685%203.294-3.577%203.294H4l1.882-1.411v.47h6.353c1.224%200%202.589-1.176%202.589-2.353m-5.648%207.06c0%201.176%201.163%202.352%202.386%202.352s2.32-1.176%202.32-2.353c0-.339-.08-.659-.226-.941l.725-.73l.024-.014c.306.495.418%201.073.418%201.685c0%201.817-1.364%203.294-3.26%203.294a3.277%203.277%200%200%201-3.328-3.294c0-1.816%201.534-3.294%203.43-3.294H20l-1.882%201.412v-.47h-6.452c-1.224%200-2.49%201.176-2.49%202.352%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd158%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/stos-background.svg?color=%231a73e8&size=48
