bridge logo
bridge from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.
- Name
- bridge
- Set
- Web3 Icons Branded
- Style
- Branded
- Viewbox
- 24×24
- License
- MIT
1 other variant in Web3 Icons Branded
The same logo in other sets
Use the bridge logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#0050ff" d="M16.09 10.632L14.724 12L7.092 4.373v-.017l1.35-1.35h.023z"/><path fill="#1a1a1e" d="m16.911 4.362l-1.36-1.356h-.012l-2.857 2.857v.011l1.355 1.361h.018l2.856-2.862z"/><path fill="#0050ff" d="m7.908 10.627l-1.361 1.372l-3.532-3.532l-.003-.003v-.01l.003-.003l1.35-1.35h.017l3.532 3.532z"/><path fill="#1a1a1e" d="m17.457 12.005l-1.367 1.36l-2.041 2.042h-.006l-1.355-1.35l-.006-.01v-.012L14.73 12l4.899-4.904a.02.02 0 0 1 .022 0L21 8.445v.023l-3.532 3.543zm-8.177-.006l-1.361 1.372l-3.543 3.532l-.006.002l-.005-.002l-1.361-1.35L3 15.55v-.005l.001-.005l.003-.003l3.532-3.543l1.366-1.367l2.042-2.024v-.006l.005-.002l.006.002l1.355 1.355v.011l-2.036 2.042z"/><path fill="#0050ff" d="m9.28 12l7.626 7.626v.016l-1.35 1.35l-.005.002l-.006-.002l-7.626-7.62zm8.177.005L21 15.543v.017l-1.355 1.35h-.011l-3.544-3.538l1.362-1.361h.01z"/><path fill="#1a1a1e" d="m7.092 19.625l2.857-2.857l.003-.003h.01l.004.003l1.35 1.356h.005v.005l.001.006l-.001.006l-2.857 2.85h-.011l-1.361-1.349v-.005l-.002-.006z"/></g></svg>
React
import type { SVGProps } from "react";
export function TokenBrandedBridge(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"><path fill="#0050ff" d="M16.09 10.632L14.724 12L7.092 4.373v-.017l1.35-1.35h.023z"/><path fill="#1a1a1e" d="m16.911 4.362l-1.36-1.356h-.012l-2.857 2.857v.011l1.355 1.361h.018l2.856-2.862z"/><path fill="#0050ff" d="m7.908 10.627l-1.361 1.372l-3.532-3.532l-.003-.003v-.01l.003-.003l1.35-1.35h.017l3.532 3.532z"/><path fill="#1a1a1e" d="m17.457 12.005l-1.367 1.36l-2.041 2.042h-.006l-1.355-1.35l-.006-.01v-.012L14.73 12l4.899-4.904a.02.02 0 0 1 .022 0L21 8.445v.023l-3.532 3.543zm-8.177-.006l-1.361 1.372l-3.543 3.532l-.006.002l-.005-.002l-1.361-1.35L3 15.55v-.005l.001-.005l.003-.003l3.532-3.543l1.366-1.367l2.042-2.024v-.006l.005-.002l.006.002l1.355 1.355v.011l-2.036 2.042z"/><path fill="#0050ff" d="m9.28 12l7.626 7.626v.016l-1.35 1.35l-.005.002l-.006-.002l-7.626-7.62zm8.177.005L21 15.543v.017l-1.355 1.35h-.011l-3.544-3.538l1.362-1.361h.01z"/><path fill="#1a1a1e" d="m7.092 19.625l2.857-2.857l.003-.003h.01l.004.003l1.35 1.356h.005v.005l.001.006l-.001.006l-2.857 2.85h-.011l-1.361-1.349v-.005l-.002-.006z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#0050ff" d="M16.09 10.632L14.724 12L7.092 4.373v-.017l1.35-1.35h.023z"/><path fill="#1a1a1e" d="m16.911 4.362l-1.36-1.356h-.012l-2.857 2.857v.011l1.355 1.361h.018l2.856-2.862z"/><path fill="#0050ff" d="m7.908 10.627l-1.361 1.372l-3.532-3.532l-.003-.003v-.01l.003-.003l1.35-1.35h.017l3.532 3.532z"/><path fill="#1a1a1e" d="m17.457 12.005l-1.367 1.36l-2.041 2.042h-.006l-1.355-1.35l-.006-.01v-.012L14.73 12l4.899-4.904a.02.02 0 0 1 .022 0L21 8.445v.023l-3.532 3.543zm-8.177-.006l-1.361 1.372l-3.543 3.532l-.006.002l-.005-.002l-1.361-1.35L3 15.55v-.005l.001-.005l.003-.003l3.532-3.543l1.366-1.367l2.042-2.024v-.006l.005-.002l.006.002l1.355 1.355v.011l-2.036 2.042z"/><path fill="#0050ff" d="m9.28 12l7.626 7.626v.016l-1.35 1.35l-.005.002l-.006-.002l-7.626-7.62zm8.177.005L21 15.543v.017l-1.355 1.35h-.011l-3.544-3.538l1.362-1.361h.01z"/><path fill="#1a1a1e" d="m7.092 19.625l2.857-2.857l.003-.003h.01l.004.003l1.35 1.356h.005v.005l.001.006l-.001.006l-2.857 2.85h-.011l-1.361-1.349v-.005l-.002-.006z"/></g></svg> </template>
CSS
.icon-bridge {
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%3Cpath%20fill%3D%22%230050ff%22%20d%3D%22M16.09%2010.632L14.724%2012L7.092%204.373v-.017l1.35-1.35h.023z%22%2F%3E%3Cpath%20fill%3D%22%231a1a1e%22%20d%3D%22m16.911%204.362l-1.36-1.356h-.012l-2.857%202.857v.011l1.355%201.361h.018l2.856-2.862z%22%2F%3E%3Cpath%20fill%3D%22%230050ff%22%20d%3D%22m7.908%2010.627l-1.361%201.372l-3.532-3.532l-.003-.003v-.01l.003-.003l1.35-1.35h.017l3.532%203.532z%22%2F%3E%3Cpath%20fill%3D%22%231a1a1e%22%20d%3D%22m17.457%2012.005l-1.367%201.36l-2.041%202.042h-.006l-1.355-1.35l-.006-.01v-.012L14.73%2012l4.899-4.904a.02.02%200%200%201%20.022%200L21%208.445v.023l-3.532%203.543zm-8.177-.006l-1.361%201.372l-3.543%203.532l-.006.002l-.005-.002l-1.361-1.35L3%2015.55v-.005l.001-.005l.003-.003l3.532-3.543l1.366-1.367l2.042-2.024v-.006l.005-.002l.006.002l1.355%201.355v.011l-2.036%202.042z%22%2F%3E%3Cpath%20fill%3D%22%230050ff%22%20d%3D%22m9.28%2012l7.626%207.626v.016l-1.35%201.35l-.005.002l-.006-.002l-7.626-7.62zm8.177.005L21%2015.543v.017l-1.355%201.35h-.011l-3.544-3.538l1.362-1.361h.01z%22%2F%3E%3Cpath%20fill%3D%22%231a1a1e%22%20d%3D%22m7.092%2019.625l2.857-2.857l.003-.003h.01l.004.003l1.35%201.356h.005v.005l.001.006l-.001.006l-2.857%202.85h-.011l-1.361-1.349v-.005l-.002-.006z%22%2F%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%3Cpath%20fill%3D%22%230050ff%22%20d%3D%22M16.09%2010.632L14.724%2012L7.092%204.373v-.017l1.35-1.35h.023z%22%2F%3E%3Cpath%20fill%3D%22%231a1a1e%22%20d%3D%22m16.911%204.362l-1.36-1.356h-.012l-2.857%202.857v.011l1.355%201.361h.018l2.856-2.862z%22%2F%3E%3Cpath%20fill%3D%22%230050ff%22%20d%3D%22m7.908%2010.627l-1.361%201.372l-3.532-3.532l-.003-.003v-.01l.003-.003l1.35-1.35h.017l3.532%203.532z%22%2F%3E%3Cpath%20fill%3D%22%231a1a1e%22%20d%3D%22m17.457%2012.005l-1.367%201.36l-2.041%202.042h-.006l-1.355-1.35l-.006-.01v-.012L14.73%2012l4.899-4.904a.02.02%200%200%201%20.022%200L21%208.445v.023l-3.532%203.543zm-8.177-.006l-1.361%201.372l-3.543%203.532l-.006.002l-.005-.002l-1.361-1.35L3%2015.55v-.005l.001-.005l.003-.003l3.532-3.543l1.366-1.367l2.042-2.024v-.006l.005-.002l.006.002l1.355%201.355v.011l-2.036%202.042z%22%2F%3E%3Cpath%20fill%3D%22%230050ff%22%20d%3D%22m9.28%2012l7.626%207.626v.016l-1.35%201.35l-.005.002l-.006-.002l-7.626-7.62zm8.177.005L21%2015.543v.017l-1.355%201.35h-.011l-3.544-3.538l1.362-1.361h.01z%22%2F%3E%3Cpath%20fill%3D%22%231a1a1e%22%20d%3D%22m7.092%2019.625l2.857-2.857l.003-.003h.01l.004.003l1.35%201.356h.005v.005l.001.006l-.001.006l-2.857%202.85h-.011l-1.361-1.349v-.005l-.002-.006z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token-branded/bridge.svg?color=%231a73e8&size=48
