swth logo
swth-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- swth-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 swth 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(#SVGHcSWxdhd17)"><path fill="#0d4947" d="M24 0H0v24h24z"/><path fill="#0d4947" fill-opacity=".53" d="M5.996 13.5h-1.5c.8 1 1.835 1.415 2.25 1.5z"/><path fill="url(#SVG8tyVDbnO)" d="M6.546 15.051c.685.325 1.5.53 2.45.45c3.002-.25 5.002-2.75 5.002-3.5c.9.15 2.926.15 4.492-.866A6.501 6.501 0 1 0 6.55 15.05z"/><path fill="url(#SVGfbr7Tt1Z)" d="M18.459 10.674c-1.58.65-4.011.825-5.202.825a9.85 9.85 0 0 1-4.291 4.002h.04c3-.25 5.001-2.751 5.001-3.502c.9.15 2.926.15 4.492-.865a6 6 0 0 0-.04-.46"/><path fill="url(#SVGdgqXqc7K)" d="M11.832 19.001c4.512 0 8.168-3.486 8.168-7.782v-.22c-1.45 1.275-3.086 1.96-5.252 1.75c-.335 1.3-1.75 3.751-4.746 3.751C7.436 16.5 5.2 14.79 4 13.424c.995 3.226 4.121 5.577 7.827 5.577z"/></g><defs><linearGradient id="SVG8tyVDbnO" x1="16.625" x2="4.453" y1="6.329" y2="16.372" gradientUnits="userSpaceOnUse"><stop stop-color="#d1fafe"/><stop offset=".12" stop-color="#e9fdfe"/><stop offset=".28" stop-color="#a6eaed"/><stop offset=".43" stop-color="#77d4d7"/><stop offset=".65" stop-color="#5dc8c8"/><stop offset=".84" stop-color="#439cba"/><stop offset="1" stop-color="#3b7db2"/></linearGradient><linearGradient id="SVGfbr7Tt1Z" x1="19.579" x2="1.182" y1="5.215" y2="10.537" gradientUnits="userSpaceOnUse"><stop stop-color="#55a6ad"/><stop offset=".16" stop-color="#9cb6ba"/><stop offset=".57" stop-color="#4092a0"/><stop offset="1" stop-color="#35729f"/></linearGradient><linearGradient id="SVGdgqXqc7K" x1="19.575" x2="6.756" y1="11.484" y2="17.291" gradientUnits="userSpaceOnUse"><stop stop-color="#8cf2fc"/><stop offset=".39" stop-color="#a6f3fb"/><stop offset=".86" stop-color="#46a7ba"/><stop offset="1" stop-color="#3b7cb2"/></linearGradient><clipPath id="SVGHcSWxdhd17"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedSwthBackground(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(#SVGHcSWxdhd17)"><path fill="#0d4947" d="M24 0H0v24h24z"/><path fill="#0d4947" fillOpacity=".53" d="M5.996 13.5h-1.5c.8 1 1.835 1.415 2.25 1.5z"/><path fill="url(#SVG8tyVDbnO)" d="M6.546 15.051c.685.325 1.5.53 2.45.45c3.002-.25 5.002-2.75 5.002-3.5c.9.15 2.926.15 4.492-.866A6.501 6.501 0 1 0 6.55 15.05z"/><path fill="url(#SVGfbr7Tt1Z)" d="M18.459 10.674c-1.58.65-4.011.825-5.202.825a9.85 9.85 0 0 1-4.291 4.002h.04c3-.25 5.001-2.751 5.001-3.502c.9.15 2.926.15 4.492-.865a6 6 0 0 0-.04-.46"/><path fill="url(#SVGdgqXqc7K)" d="M11.832 19.001c4.512 0 8.168-3.486 8.168-7.782v-.22c-1.45 1.275-3.086 1.96-5.252 1.75c-.335 1.3-1.75 3.751-4.746 3.751C7.436 16.5 5.2 14.79 4 13.424c.995 3.226 4.121 5.577 7.827 5.577z"/></g><defs><linearGradient id="SVG8tyVDbnO" x1="16.625" x2="4.453" y1="6.329" y2="16.372" gradientUnits="userSpaceOnUse"><stop stopColor="#d1fafe"/><stop offset=".12" stopColor="#e9fdfe"/><stop offset=".28" stopColor="#a6eaed"/><stop offset=".43" stopColor="#77d4d7"/><stop offset=".65" stopColor="#5dc8c8"/><stop offset=".84" stopColor="#439cba"/><stop offset="1" stopColor="#3b7db2"/></linearGradient><linearGradient id="SVGfbr7Tt1Z" x1="19.579" x2="1.182" y1="5.215" y2="10.537" gradientUnits="userSpaceOnUse"><stop stopColor="#55a6ad"/><stop offset=".16" stopColor="#9cb6ba"/><stop offset=".57" stopColor="#4092a0"/><stop offset="1" stopColor="#35729f"/></linearGradient><linearGradient id="SVGdgqXqc7K" x1="19.575" x2="6.756" y1="11.484" y2="17.291" gradientUnits="userSpaceOnUse"><stop stopColor="#8cf2fc"/><stop offset=".39" stopColor="#a6f3fb"/><stop offset=".86" stopColor="#46a7ba"/><stop offset="1" stopColor="#3b7cb2"/></linearGradient><clipPath id="SVGHcSWxdhd17"><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(#SVGHcSWxdhd17)"><path fill="#0d4947" d="M24 0H0v24h24z"/><path fill="#0d4947" fill-opacity=".53" d="M5.996 13.5h-1.5c.8 1 1.835 1.415 2.25 1.5z"/><path fill="url(#SVG8tyVDbnO)" d="M6.546 15.051c.685.325 1.5.53 2.45.45c3.002-.25 5.002-2.75 5.002-3.5c.9.15 2.926.15 4.492-.866A6.501 6.501 0 1 0 6.55 15.05z"/><path fill="url(#SVGfbr7Tt1Z)" d="M18.459 10.674c-1.58.65-4.011.825-5.202.825a9.85 9.85 0 0 1-4.291 4.002h.04c3-.25 5.001-2.751 5.001-3.502c.9.15 2.926.15 4.492-.865a6 6 0 0 0-.04-.46"/><path fill="url(#SVGdgqXqc7K)" d="M11.832 19.001c4.512 0 8.168-3.486 8.168-7.782v-.22c-1.45 1.275-3.086 1.96-5.252 1.75c-.335 1.3-1.75 3.751-4.746 3.751C7.436 16.5 5.2 14.79 4 13.424c.995 3.226 4.121 5.577 7.827 5.577z"/></g><defs><linearGradient id="SVG8tyVDbnO" x1="16.625" x2="4.453" y1="6.329" y2="16.372" gradientUnits="userSpaceOnUse"><stop stop-color="#d1fafe"/><stop offset=".12" stop-color="#e9fdfe"/><stop offset=".28" stop-color="#a6eaed"/><stop offset=".43" stop-color="#77d4d7"/><stop offset=".65" stop-color="#5dc8c8"/><stop offset=".84" stop-color="#439cba"/><stop offset="1" stop-color="#3b7db2"/></linearGradient><linearGradient id="SVGfbr7Tt1Z" x1="19.579" x2="1.182" y1="5.215" y2="10.537" gradientUnits="userSpaceOnUse"><stop stop-color="#55a6ad"/><stop offset=".16" stop-color="#9cb6ba"/><stop offset=".57" stop-color="#4092a0"/><stop offset="1" stop-color="#35729f"/></linearGradient><linearGradient id="SVGdgqXqc7K" x1="19.575" x2="6.756" y1="11.484" y2="17.291" gradientUnits="userSpaceOnUse"><stop stop-color="#8cf2fc"/><stop offset=".39" stop-color="#a6f3fb"/><stop offset=".86" stop-color="#46a7ba"/><stop offset="1" stop-color="#3b7cb2"/></linearGradient><clipPath id="SVGHcSWxdhd17"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-swth-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(%23SVGHcSWxdhd17)%22%3E%3Cpath%20fill%3D%22%230d4947%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%230d4947%22%20fill-opacity%3D%22.53%22%20d%3D%22M5.996%2013.5h-1.5c.8%201%201.835%201.415%202.25%201.5z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG8tyVDbnO)%22%20d%3D%22M6.546%2015.051c.685.325%201.5.53%202.45.45c3.002-.25%205.002-2.75%205.002-3.5c.9.15%202.926.15%204.492-.866A6.501%206.501%200%201%200%206.55%2015.05z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGfbr7Tt1Z)%22%20d%3D%22M18.459%2010.674c-1.58.65-4.011.825-5.202.825a9.85%209.85%200%200%201-4.291%204.002h.04c3-.25%205.001-2.751%205.001-3.502c.9.15%202.926.15%204.492-.865a6%206%200%200%200-.04-.46%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGdgqXqc7K)%22%20d%3D%22M11.832%2019.001c4.512%200%208.168-3.486%208.168-7.782v-.22c-1.45%201.275-3.086%201.96-5.252%201.75c-.335%201.3-1.75%203.751-4.746%203.751C7.436%2016.5%205.2%2014.79%204%2013.424c.995%203.226%204.121%205.577%207.827%205.577z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG8tyVDbnO%22%20x1%3D%2216.625%22%20x2%3D%224.453%22%20y1%3D%226.329%22%20y2%3D%2216.372%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23d1fafe%22%2F%3E%3Cstop%20offset%3D%22.12%22%20stop-color%3D%22%23e9fdfe%22%2F%3E%3Cstop%20offset%3D%22.28%22%20stop-color%3D%22%23a6eaed%22%2F%3E%3Cstop%20offset%3D%22.43%22%20stop-color%3D%22%2377d4d7%22%2F%3E%3Cstop%20offset%3D%22.65%22%20stop-color%3D%22%235dc8c8%22%2F%3E%3Cstop%20offset%3D%22.84%22%20stop-color%3D%22%23439cba%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%233b7db2%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGfbr7Tt1Z%22%20x1%3D%2219.579%22%20x2%3D%221.182%22%20y1%3D%225.215%22%20y2%3D%2210.537%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2355a6ad%22%2F%3E%3Cstop%20offset%3D%22.16%22%20stop-color%3D%22%239cb6ba%22%2F%3E%3Cstop%20offset%3D%22.57%22%20stop-color%3D%22%234092a0%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2335729f%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGdgqXqc7K%22%20x1%3D%2219.575%22%20x2%3D%226.756%22%20y1%3D%2211.484%22%20y2%3D%2217.291%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%238cf2fc%22%2F%3E%3Cstop%20offset%3D%22.39%22%20stop-color%3D%22%23a6f3fb%22%2F%3E%3Cstop%20offset%3D%22.86%22%20stop-color%3D%22%2346a7ba%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%233b7cb2%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd17%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(%23SVGHcSWxdhd17)%22%3E%3Cpath%20fill%3D%22%230d4947%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%230d4947%22%20fill-opacity%3D%22.53%22%20d%3D%22M5.996%2013.5h-1.5c.8%201%201.835%201.415%202.25%201.5z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG8tyVDbnO)%22%20d%3D%22M6.546%2015.051c.685.325%201.5.53%202.45.45c3.002-.25%205.002-2.75%205.002-3.5c.9.15%202.926.15%204.492-.866A6.501%206.501%200%201%200%206.55%2015.05z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGfbr7Tt1Z)%22%20d%3D%22M18.459%2010.674c-1.58.65-4.011.825-5.202.825a9.85%209.85%200%200%201-4.291%204.002h.04c3-.25%205.001-2.751%205.001-3.502c.9.15%202.926.15%204.492-.865a6%206%200%200%200-.04-.46%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGdgqXqc7K)%22%20d%3D%22M11.832%2019.001c4.512%200%208.168-3.486%208.168-7.782v-.22c-1.45%201.275-3.086%201.96-5.252%201.75c-.335%201.3-1.75%203.751-4.746%203.751C7.436%2016.5%205.2%2014.79%204%2013.424c.995%203.226%204.121%205.577%207.827%205.577z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVG8tyVDbnO%22%20x1%3D%2216.625%22%20x2%3D%224.453%22%20y1%3D%226.329%22%20y2%3D%2216.372%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23d1fafe%22%2F%3E%3Cstop%20offset%3D%22.12%22%20stop-color%3D%22%23e9fdfe%22%2F%3E%3Cstop%20offset%3D%22.28%22%20stop-color%3D%22%23a6eaed%22%2F%3E%3Cstop%20offset%3D%22.43%22%20stop-color%3D%22%2377d4d7%22%2F%3E%3Cstop%20offset%3D%22.65%22%20stop-color%3D%22%235dc8c8%22%2F%3E%3Cstop%20offset%3D%22.84%22%20stop-color%3D%22%23439cba%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%233b7db2%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGfbr7Tt1Z%22%20x1%3D%2219.579%22%20x2%3D%221.182%22%20y1%3D%225.215%22%20y2%3D%2210.537%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2355a6ad%22%2F%3E%3Cstop%20offset%3D%22.16%22%20stop-color%3D%22%239cb6ba%22%2F%3E%3Cstop%20offset%3D%22.57%22%20stop-color%3D%22%234092a0%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2335729f%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGdgqXqc7K%22%20x1%3D%2219.575%22%20x2%3D%226.756%22%20y1%3D%2211.484%22%20y2%3D%2217.291%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%238cf2fc%22%2F%3E%3Cstop%20offset%3D%22.39%22%20stop-color%3D%22%23a6f3fb%22%2F%3E%3Cstop%20offset%3D%22.86%22%20stop-color%3D%22%2346a7ba%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%233b7cb2%22%2F%3E%3C%2FlinearGradient%3E%3CclipPath%20id%3D%22SVGHcSWxdhd17%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/swth-background.svg?color=%231a73e8&size=48
