sbd logo
sbd-background from Web3 Icons Branded by 0xa3k5 · Background · MIT Free for personal and commercial use.
- Name
- sbd-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 sbd 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(#SVGHcSWxdhd184)"><path fill="#1c509b" d="M24 0H0v24h24z"/><path fill="#fff" d="M6.313 5.799c-.69.58-1.405 1.3-1.7 2.175c-.33 1.03.14 2.08.585 3c.45.935.935 1.855 1.36 2.82c.335.76.8 1.65.69 2.505c-.09.605-.29 1.185-.4 1.79c-.09.405.29 0 .42-.11c.785-.67 1.63-1.435 1.94-2.465a2.25 2.25 0 0 0-.11-1.475c-.175-.47-.38-.92-.58-1.39c-.425-.94-.87-1.88-1.315-2.82a17 17 0 0 1-.515-1.05a3.7 3.7 0 0 1-.265-1.21c-.02-.34-.02-.65.02-.985c.025-.25.09-.47.115-.72c.02-.13-.09-.175-.25-.065zm10.21 0c-.69.585-1.405 1.3-1.695 2.175c-.335 1.03.135 2.08.58 3c.45.94.935 1.855 1.36 2.82c.335.76.8 1.655.69 2.505c-.085.605-.29 1.19-.4 1.795c-.09.4.29 0 .425-.115c.78-.67 1.625-1.43 1.94-2.46a2.25 2.25 0 0 0-.114-1.48c-.175-.47-.375-.915-.58-1.39a152 152 0 0 0-1.316-2.82a17 17 0 0 1-.51-1.05a3.7 3.7 0 0 1-.27-1.21c-.02-.335-.02-.65.026-.985c.02-.25.084-.47.11-.72c.024-.13-.09-.18-.25-.065zm-5.205-1.7c-.75.65-1.57 1.43-2.02 2.35a2.8 2.8 0 0 0-.2 1.99q.345 1.228.845 2.4c.62 1.5 1.44 2.905 2.04 4.43c.215.536.45 1.14.5 1.75c.04.736-.2 1.52-.39 2.21c-.045.2-.17.47-.15.676c.02.155.105.09.195.02c.37-.3.72-.615 1.05-.96c.885-.875 1.9-2.04 1.81-3.4c-.045-.565-.3-1.1-.515-1.615c-.24-.6-.5-1.186-.75-1.77a87 87 0 0 0-1.49-3.25c-.17-.376-.385-.736-.515-1.116a5 5 0 0 1-.3-1.59c-.02-.4 0-.825.045-1.23c.02-.27.105-.515.105-.785c.065-.245-.065-.265-.26-.11"/></g><defs><clipPath id="SVGHcSWxdhd184"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedSbdBackground(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(#SVGHcSWxdhd184)"><path fill="#1c509b" d="M24 0H0v24h24z"/><path fill="#fff" d="M6.313 5.799c-.69.58-1.405 1.3-1.7 2.175c-.33 1.03.14 2.08.585 3c.45.935.935 1.855 1.36 2.82c.335.76.8 1.65.69 2.505c-.09.605-.29 1.185-.4 1.79c-.09.405.29 0 .42-.11c.785-.67 1.63-1.435 1.94-2.465a2.25 2.25 0 0 0-.11-1.475c-.175-.47-.38-.92-.58-1.39c-.425-.94-.87-1.88-1.315-2.82a17 17 0 0 1-.515-1.05a3.7 3.7 0 0 1-.265-1.21c-.02-.34-.02-.65.02-.985c.025-.25.09-.47.115-.72c.02-.13-.09-.175-.25-.065zm10.21 0c-.69.585-1.405 1.3-1.695 2.175c-.335 1.03.135 2.08.58 3c.45.94.935 1.855 1.36 2.82c.335.76.8 1.655.69 2.505c-.085.605-.29 1.19-.4 1.795c-.09.4.29 0 .425-.115c.78-.67 1.625-1.43 1.94-2.46a2.25 2.25 0 0 0-.114-1.48c-.175-.47-.375-.915-.58-1.39a152 152 0 0 0-1.316-2.82a17 17 0 0 1-.51-1.05a3.7 3.7 0 0 1-.27-1.21c-.02-.335-.02-.65.026-.985c.02-.25.084-.47.11-.72c.024-.13-.09-.18-.25-.065zm-5.205-1.7c-.75.65-1.57 1.43-2.02 2.35a2.8 2.8 0 0 0-.2 1.99q.345 1.228.845 2.4c.62 1.5 1.44 2.905 2.04 4.43c.215.536.45 1.14.5 1.75c.04.736-.2 1.52-.39 2.21c-.045.2-.17.47-.15.676c.02.155.105.09.195.02c.37-.3.72-.615 1.05-.96c.885-.875 1.9-2.04 1.81-3.4c-.045-.565-.3-1.1-.515-1.615c-.24-.6-.5-1.186-.75-1.77a87 87 0 0 0-1.49-3.25c-.17-.376-.385-.736-.515-1.116a5 5 0 0 1-.3-1.59c-.02-.4 0-.825.045-1.23c.02-.27.105-.515.105-.785c.065-.245-.065-.265-.26-.11"/></g><defs><clipPath id="SVGHcSWxdhd184"><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(#SVGHcSWxdhd184)"><path fill="#1c509b" d="M24 0H0v24h24z"/><path fill="#fff" d="M6.313 5.799c-.69.58-1.405 1.3-1.7 2.175c-.33 1.03.14 2.08.585 3c.45.935.935 1.855 1.36 2.82c.335.76.8 1.65.69 2.505c-.09.605-.29 1.185-.4 1.79c-.09.405.29 0 .42-.11c.785-.67 1.63-1.435 1.94-2.465a2.25 2.25 0 0 0-.11-1.475c-.175-.47-.38-.92-.58-1.39c-.425-.94-.87-1.88-1.315-2.82a17 17 0 0 1-.515-1.05a3.7 3.7 0 0 1-.265-1.21c-.02-.34-.02-.65.02-.985c.025-.25.09-.47.115-.72c.02-.13-.09-.175-.25-.065zm10.21 0c-.69.585-1.405 1.3-1.695 2.175c-.335 1.03.135 2.08.58 3c.45.94.935 1.855 1.36 2.82c.335.76.8 1.655.69 2.505c-.085.605-.29 1.19-.4 1.795c-.09.4.29 0 .425-.115c.78-.67 1.625-1.43 1.94-2.46a2.25 2.25 0 0 0-.114-1.48c-.175-.47-.375-.915-.58-1.39a152 152 0 0 0-1.316-2.82a17 17 0 0 1-.51-1.05a3.7 3.7 0 0 1-.27-1.21c-.02-.335-.02-.65.026-.985c.02-.25.084-.47.11-.72c.024-.13-.09-.18-.25-.065zm-5.205-1.7c-.75.65-1.57 1.43-2.02 2.35a2.8 2.8 0 0 0-.2 1.99q.345 1.228.845 2.4c.62 1.5 1.44 2.905 2.04 4.43c.215.536.45 1.14.5 1.75c.04.736-.2 1.52-.39 2.21c-.045.2-.17.47-.15.676c.02.155.105.09.195.02c.37-.3.72-.615 1.05-.96c.885-.875 1.9-2.04 1.81-3.4c-.045-.565-.3-1.1-.515-1.615c-.24-.6-.5-1.186-.75-1.77a87 87 0 0 0-1.49-3.25c-.17-.376-.385-.736-.515-1.116a5 5 0 0 1-.3-1.59c-.02-.4 0-.825.045-1.23c.02-.27.105-.515.105-.785c.065-.245-.065-.265-.26-.11"/></g><defs><clipPath id="SVGHcSWxdhd184"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-sbd-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(%23SVGHcSWxdhd184)%22%3E%3Cpath%20fill%3D%22%231c509b%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6.313%205.799c-.69.58-1.405%201.3-1.7%202.175c-.33%201.03.14%202.08.585%203c.45.935.935%201.855%201.36%202.82c.335.76.8%201.65.69%202.505c-.09.605-.29%201.185-.4%201.79c-.09.405.29%200%20.42-.11c.785-.67%201.63-1.435%201.94-2.465a2.25%202.25%200%200%200-.11-1.475c-.175-.47-.38-.92-.58-1.39c-.425-.94-.87-1.88-1.315-2.82a17%2017%200%200%201-.515-1.05a3.7%203.7%200%200%201-.265-1.21c-.02-.34-.02-.65.02-.985c.025-.25.09-.47.115-.72c.02-.13-.09-.175-.25-.065zm10.21%200c-.69.585-1.405%201.3-1.695%202.175c-.335%201.03.135%202.08.58%203c.45.94.935%201.855%201.36%202.82c.335.76.8%201.655.69%202.505c-.085.605-.29%201.19-.4%201.795c-.09.4.29%200%20.425-.115c.78-.67%201.625-1.43%201.94-2.46a2.25%202.25%200%200%200-.114-1.48c-.175-.47-.375-.915-.58-1.39a152%20152%200%200%200-1.316-2.82a17%2017%200%200%201-.51-1.05a3.7%203.7%200%200%201-.27-1.21c-.02-.335-.02-.65.026-.985c.02-.25.084-.47.11-.72c.024-.13-.09-.18-.25-.065zm-5.205-1.7c-.75.65-1.57%201.43-2.02%202.35a2.8%202.8%200%200%200-.2%201.99q.345%201.228.845%202.4c.62%201.5%201.44%202.905%202.04%204.43c.215.536.45%201.14.5%201.75c.04.736-.2%201.52-.39%202.21c-.045.2-.17.47-.15.676c.02.155.105.09.195.02c.37-.3.72-.615%201.05-.96c.885-.875%201.9-2.04%201.81-3.4c-.045-.565-.3-1.1-.515-1.615c-.24-.6-.5-1.186-.75-1.77a87%2087%200%200%200-1.49-3.25c-.17-.376-.385-.736-.515-1.116a5%205%200%200%201-.3-1.59c-.02-.4%200-.825.045-1.23c.02-.27.105-.515.105-.785c.065-.245-.065-.265-.26-.11%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd184%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(%23SVGHcSWxdhd184)%22%3E%3Cpath%20fill%3D%22%231c509b%22%20d%3D%22M24%200H0v24h24z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6.313%205.799c-.69.58-1.405%201.3-1.7%202.175c-.33%201.03.14%202.08.585%203c.45.935.935%201.855%201.36%202.82c.335.76.8%201.65.69%202.505c-.09.605-.29%201.185-.4%201.79c-.09.405.29%200%20.42-.11c.785-.67%201.63-1.435%201.94-2.465a2.25%202.25%200%200%200-.11-1.475c-.175-.47-.38-.92-.58-1.39c-.425-.94-.87-1.88-1.315-2.82a17%2017%200%200%201-.515-1.05a3.7%203.7%200%200%201-.265-1.21c-.02-.34-.02-.65.02-.985c.025-.25.09-.47.115-.72c.02-.13-.09-.175-.25-.065zm10.21%200c-.69.585-1.405%201.3-1.695%202.175c-.335%201.03.135%202.08.58%203c.45.94.935%201.855%201.36%202.82c.335.76.8%201.655.69%202.505c-.085.605-.29%201.19-.4%201.795c-.09.4.29%200%20.425-.115c.78-.67%201.625-1.43%201.94-2.46a2.25%202.25%200%200%200-.114-1.48c-.175-.47-.375-.915-.58-1.39a152%20152%200%200%200-1.316-2.82a17%2017%200%200%201-.51-1.05a3.7%203.7%200%200%201-.27-1.21c-.02-.335-.02-.65.026-.985c.02-.25.084-.47.11-.72c.024-.13-.09-.18-.25-.065zm-5.205-1.7c-.75.65-1.57%201.43-2.02%202.35a2.8%202.8%200%200%200-.2%201.99q.345%201.228.845%202.4c.62%201.5%201.44%202.905%202.04%204.43c.215.536.45%201.14.5%201.75c.04.736-.2%201.52-.39%202.21c-.045.2-.17.47-.15.676c.02.155.105.09.195.02c.37-.3.72-.615%201.05-.96c.885-.875%201.9-2.04%201.81-3.4c-.045-.565-.3-1.1-.515-1.615c-.24-.6-.5-1.186-.75-1.77a87%2087%200%200%200-1.49-3.25c-.17-.376-.385-.736-.515-1.116a5%205%200%200%201-.3-1.59c-.02-.4%200-.825.045-1.23c.02-.27.105-.515.105-.785c.065-.245-.065-.265-.26-.11%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGHcSWxdhd184%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/sbd-background.svg?color=%231a73e8&size=48
