susd logo
susd-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- susd-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 susd 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(#SVGHcSWxdhd168)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M15.384 9.694V7.757c0-.6.696-1.791 2.278-1.755S20 7.18 20 7.757v1.937zm.924-.926V7.8c0-.3.417-.896 1.366-.877c.95.018 1.403.589 1.403.877v.968z" clip-rule="evenodd"/><path fill="#fff" d="M18.583 14.306h-3.198v.923h3.013c.236.015.679.262.679.877s-.443.933-.679.969h-3.014v.923h3.199c.435-.041 1.417-.399 1.417-1.815c0-1.403-.93-1.867-1.417-1.877m-3.198-2.288c-.019-1.421.92-1.793 1.384-1.8v.93c-.187.119-.48.459-.461.87c.018.412.142.711.446.711s.472-.283.636-1.447c.145-1.028.894-1.159 1.237-1.126c.43-.024 1.305.264 1.37 1.765s-.995 1.907-1.534 1.923v-.943c.094.012.567-.172.614-.98c.037-.648-.259-.785-.45-.773c-.19.013-.451.056-.47 1.193s-.934 1.417-1.403 1.417c-.54 0-1.351-.318-1.37-1.74"/><path fill="#fff" fill-opacity=".45" d="m4.004 17.37l7.43-10.315c.35-.619 1.696-.468 2.258-.248l-7.286 10.11c-.298.469-1.77.502-2.406.449z"/><path fill="#fff" d="M9.626 10.99c.4.013.743.595.743 1.01s-.344.998-.743 1.01H7.65c-1.898-.024-3.647-1.906-3.647-3.84c0-1.939 1.749-3.607 3.647-3.63h5.092c.4.011.95.346.95.988c0 .639-.336 1.01-.95 1.03H7.651A1.65 1.65 0 0 0 6.019 9.17c0 1.09.558 1.82 1.632 1.82H9.63z"/><path fill="#fff" d="M8.067 13.01c-.4-.013-.743-.594-.743-1.01s.343-.998.743-1.01h1.975c1.898.024 3.65 1.906 3.65 3.84c0 1.94-1.752 3.607-3.65 3.631H4.949c-.593-.016-.933-.323-.949-.973a1.02 1.02 0 0 1 .95-1.046h5.092c.848 0 1.631-.646 1.631-1.611c0-1.09-.557-1.822-1.631-1.822z"/></g><defs><clipPath id="SVGHcSWxdhd168"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedSusdBackground(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(#SVGHcSWxdhd168)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="#fff" fillRule="evenodd" d="M15.384 9.694V7.757c0-.6.696-1.791 2.278-1.755S20 7.18 20 7.757v1.937zm.924-.926V7.8c0-.3.417-.896 1.366-.877c.95.018 1.403.589 1.403.877v.968z" clipRule="evenodd"/><path fill="#fff" d="M18.583 14.306h-3.198v.923h3.013c.236.015.679.262.679.877s-.443.933-.679.969h-3.014v.923h3.199c.435-.041 1.417-.399 1.417-1.815c0-1.403-.93-1.867-1.417-1.877m-3.198-2.288c-.019-1.421.92-1.793 1.384-1.8v.93c-.187.119-.48.459-.461.87c.018.412.142.711.446.711s.472-.283.636-1.447c.145-1.028.894-1.159 1.237-1.126c.43-.024 1.305.264 1.37 1.765s-.995 1.907-1.534 1.923v-.943c.094.012.567-.172.614-.98c.037-.648-.259-.785-.45-.773c-.19.013-.451.056-.47 1.193s-.934 1.417-1.403 1.417c-.54 0-1.351-.318-1.37-1.74"/><path fill="#fff" fillOpacity=".45" d="m4.004 17.37l7.43-10.315c.35-.619 1.696-.468 2.258-.248l-7.286 10.11c-.298.469-1.77.502-2.406.449z"/><path fill="#fff" d="M9.626 10.99c.4.013.743.595.743 1.01s-.344.998-.743 1.01H7.65c-1.898-.024-3.647-1.906-3.647-3.84c0-1.939 1.749-3.607 3.647-3.63h5.092c.4.011.95.346.95.988c0 .639-.336 1.01-.95 1.03H7.651A1.65 1.65 0 0 0 6.019 9.17c0 1.09.558 1.82 1.632 1.82H9.63z"/><path fill="#fff" d="M8.067 13.01c-.4-.013-.743-.594-.743-1.01s.343-.998.743-1.01h1.975c1.898.024 3.65 1.906 3.65 3.84c0 1.94-1.752 3.607-3.65 3.631H4.949c-.593-.016-.933-.323-.949-.973a1.02 1.02 0 0 1 .95-1.046h5.092c.848 0 1.631-.646 1.631-1.611c0-1.09-.557-1.822-1.631-1.822z"/></g><defs><clipPath id="SVGHcSWxdhd168"><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(#SVGHcSWxdhd168)"><path fill="#000" d="M24 0H0v24h24z"/><path fill="#fff" fill-rule="evenodd" d="M15.384 9.694V7.757c0-.6.696-1.791 2.278-1.755S20 7.18 20 7.757v1.937zm.924-.926V7.8c0-.3.417-.896 1.366-.877c.95.018 1.403.589 1.403.877v.968z" clip-rule="evenodd"/><path fill="#fff" d="M18.583 14.306h-3.198v.923h3.013c.236.015.679.262.679.877s-.443.933-.679.969h-3.014v.923h3.199c.435-.041 1.417-.399 1.417-1.815c0-1.403-.93-1.867-1.417-1.877m-3.198-2.288c-.019-1.421.92-1.793 1.384-1.8v.93c-.187.119-.48.459-.461.87c.018.412.142.711.446.711s.472-.283.636-1.447c.145-1.028.894-1.159 1.237-1.126c.43-.024 1.305.264 1.37 1.765s-.995 1.907-1.534 1.923v-.943c.094.012.567-.172.614-.98c.037-.648-.259-.785-.45-.773c-.19.013-.451.056-.47 1.193s-.934 1.417-1.403 1.417c-.54 0-1.351-.318-1.37-1.74"/><path fill="#fff" fill-opacity=".45" d="m4.004 17.37l7.43-10.315c.35-.619 1.696-.468 2.258-.248l-7.286 10.11c-.298.469-1.77.502-2.406.449z"/><path fill="#fff" d="M9.626 10.99c.4.013.743.595.743 1.01s-.344.998-.743 1.01H7.65c-1.898-.024-3.647-1.906-3.647-3.84c0-1.939 1.749-3.607 3.647-3.63h5.092c.4.011.95.346.95.988c0 .639-.336 1.01-.95 1.03H7.651A1.65 1.65 0 0 0 6.019 9.17c0 1.09.558 1.82 1.632 1.82H9.63z"/><path fill="#fff" d="M8.067 13.01c-.4-.013-.743-.594-.743-1.01s.343-.998.743-1.01h1.975c1.898.024 3.65 1.906 3.65 3.84c0 1.94-1.752 3.607-3.65 3.631H4.949c-.593-.016-.933-.323-.949-.973a1.02 1.02 0 0 1 .95-1.046h5.092c.848 0 1.631-.646 1.631-1.611c0-1.09-.557-1.822-1.631-1.822z"/></g><defs><clipPath id="SVGHcSWxdhd168"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-susd-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(%23SVGHcSWxdhd168)%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M15.384%209.694V7.757c0-.6.696-1.791%202.278-1.755S20%207.18%2020%207.757v1.937zm.924-.926V7.8c0-.3.417-.896%201.366-.877c.95.018%201.403.589%201.403.877v.968z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18.583%2014.306h-3.198v.923h3.013c.236.015.679.262.679.877s-.443.933-.679.969h-3.014v.923h3.199c.435-.041%201.417-.399%201.417-1.815c0-1.403-.93-1.867-1.417-1.877m-3.198-2.288c-.019-1.421.92-1.793%201.384-1.8v.93c-.187.119-.48.459-.461.87c.018.412.142.711.446.711s.472-.283.636-1.447c.145-1.028.894-1.159%201.237-1.126c.43-.024%201.305.264%201.37%201.765s-.995%201.907-1.534%201.923v-.943c.094.012.567-.172.614-.98c.037-.648-.259-.785-.45-.773c-.19.013-.451.056-.47%201.193s-.934%201.417-1.403%201.417c-.54%200-1.351-.318-1.37-1.74%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-opacity%3D%22.45%22%20d%3D%22m4.004%2017.37l7.43-10.315c.35-.619%201.696-.468%202.258-.248l-7.286%2010.11c-.298.469-1.77.502-2.406.449z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M9.626%2010.99c.4.013.743.595.743%201.01s-.344.998-.743%201.01H7.65c-1.898-.024-3.647-1.906-3.647-3.84c0-1.939%201.749-3.607%203.647-3.63h5.092c.4.011.95.346.95.988c0%20.639-.336%201.01-.95%201.03H7.651A1.65%201.65%200%200%200%206.019%209.17c0%201.09.558%201.82%201.632%201.82H9.63z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8.067%2013.01c-.4-.013-.743-.594-.743-1.01s.343-.998.743-1.01h1.975c1.898.024%203.65%201.906%203.65%203.84c0%201.94-1.752%203.607-3.65%203.631H4.949c-.593-.016-.933-.323-.949-.973a1.02%201.02%200%200%201%20.95-1.046h5.092c.848%200%201.631-.646%201.631-1.611c0-1.09-.557-1.822-1.631-1.822z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd168%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(%23SVGHcSWxdhd168)%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M15.384%209.694V7.757c0-.6.696-1.791%202.278-1.755S20%207.18%2020%207.757v1.937zm.924-.926V7.8c0-.3.417-.896%201.366-.877c.95.018%201.403.589%201.403.877v.968z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18.583%2014.306h-3.198v.923h3.013c.236.015.679.262.679.877s-.443.933-.679.969h-3.014v.923h3.199c.435-.041%201.417-.399%201.417-1.815c0-1.403-.93-1.867-1.417-1.877m-3.198-2.288c-.019-1.421.92-1.793%201.384-1.8v.93c-.187.119-.48.459-.461.87c.018.412.142.711.446.711s.472-.283.636-1.447c.145-1.028.894-1.159%201.237-1.126c.43-.024%201.305.264%201.37%201.765s-.995%201.907-1.534%201.923v-.943c.094.012.567-.172.614-.98c.037-.648-.259-.785-.45-.773c-.19.013-.451.056-.47%201.193s-.934%201.417-1.403%201.417c-.54%200-1.351-.318-1.37-1.74%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-opacity%3D%22.45%22%20d%3D%22m4.004%2017.37l7.43-10.315c.35-.619%201.696-.468%202.258-.248l-7.286%2010.11c-.298.469-1.77.502-2.406.449z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M9.626%2010.99c.4.013.743.595.743%201.01s-.344.998-.743%201.01H7.65c-1.898-.024-3.647-1.906-3.647-3.84c0-1.939%201.749-3.607%203.647-3.63h5.092c.4.011.95.346.95.988c0%20.639-.336%201.01-.95%201.03H7.651A1.65%201.65%200%200%200%206.019%209.17c0%201.09.558%201.82%201.632%201.82H9.63z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M8.067%2013.01c-.4-.013-.743-.594-.743-1.01s.343-.998.743-1.01h1.975c1.898.024%203.65%201.906%203.65%203.84c0%201.94-1.752%203.607-3.65%203.631H4.949c-.593-.016-.933-.323-.949-.973a1.02%201.02%200%200%201%20.95-1.046h5.092c.848%200%201.631-.646%201.631-1.611c0-1.09-.557-1.822-1.631-1.822z%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd168%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/susd-background.svg?color=%231a73e8&size=48
