bridge logo
bridge from Web3 Icons by 0xa3k5 · Mono · MIT Free for personal and commercial use.
- Name
- bridge
- Set
- Web3 Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
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"><path fill="currentColor" d="M16.09 10.632L14.725 12L7.092 4.373v-.017l1.35-1.35h.023zm.821-6.27l-1.36-1.356h-.012l-2.857 2.857v.011l1.356 1.361h.017l2.856-2.862zm-9.003 6.264l-1.361 1.372l-3.532-3.532l-.003-.004v-.009l.003-.004l1.35-1.35h.017l3.532 3.532z"/><path fill="currentColor" d="m17.457 12.004l-1.367 1.36l-2.041 2.042h-.006l-1.355-1.35l-.006-.01v-.012l2.047-2.036l4.899-4.904a.02.02 0 0 1 .022 0L21 8.444v.022l-3.532 3.543zm-8.177-.006L7.919 13.37l-3.543 3.532l-.006.002l-.005-.002l-1.361-1.35L3 15.55v-.006l.001-.005l.003-.003l3.532-3.543l1.366-1.367l2.042-2.025v-.005l.005-.002l.006.002L11.31 9.95v.011l-2.036 2.042z"/><path fill="currentColor" d="m9.28 12l7.625 7.626v.017l-1.35 1.35h-.011L7.92 13.371zm8.177.005L21 15.543v.017l-1.356 1.35h-.011l-3.543-3.538l1.36-1.361h.012zM7.092 19.624l2.857-2.857l.003-.003h.01l.004.003l1.35 1.355h.005v.006l.001.006l-.001.005l-2.857 2.852h-.011l-1.361-1.35v-.006l-.002-.005z"/></svg>
React
import type { SVGProps } from "react";
export function TokenBridge(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.09 10.632L14.725 12L7.092 4.373v-.017l1.35-1.35h.023zm.821-6.27l-1.36-1.356h-.012l-2.857 2.857v.011l1.356 1.361h.017l2.856-2.862zm-9.003 6.264l-1.361 1.372l-3.532-3.532l-.003-.004v-.009l.003-.004l1.35-1.35h.017l3.532 3.532z"/><path fill="currentColor" d="m17.457 12.004l-1.367 1.36l-2.041 2.042h-.006l-1.355-1.35l-.006-.01v-.012l2.047-2.036l4.899-4.904a.02.02 0 0 1 .022 0L21 8.444v.022l-3.532 3.543zm-8.177-.006L7.919 13.37l-3.543 3.532l-.006.002l-.005-.002l-1.361-1.35L3 15.55v-.006l.001-.005l.003-.003l3.532-3.543l1.366-1.367l2.042-2.025v-.005l.005-.002l.006.002L11.31 9.95v.011l-2.036 2.042z"/><path fill="currentColor" d="m9.28 12l7.625 7.626v.017l-1.35 1.35h-.011L7.92 13.371zm8.177.005L21 15.543v.017l-1.356 1.35h-.011l-3.543-3.538l1.36-1.361h.012zM7.092 19.624l2.857-2.857l.003-.003h.01l.004.003l1.35 1.355h.005v.006l.001.006l-.001.005l-2.857 2.852h-.011l-1.361-1.35v-.006l-.002-.005z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.09 10.632L14.725 12L7.092 4.373v-.017l1.35-1.35h.023zm.821-6.27l-1.36-1.356h-.012l-2.857 2.857v.011l1.356 1.361h.017l2.856-2.862zm-9.003 6.264l-1.361 1.372l-3.532-3.532l-.003-.004v-.009l.003-.004l1.35-1.35h.017l3.532 3.532z"/><path fill="currentColor" d="m17.457 12.004l-1.367 1.36l-2.041 2.042h-.006l-1.355-1.35l-.006-.01v-.012l2.047-2.036l4.899-4.904a.02.02 0 0 1 .022 0L21 8.444v.022l-3.532 3.543zm-8.177-.006L7.919 13.37l-3.543 3.532l-.006.002l-.005-.002l-1.361-1.35L3 15.55v-.006l.001-.005l.003-.003l3.532-3.543l1.366-1.367l2.042-2.025v-.005l.005-.002l.006.002L11.31 9.95v.011l-2.036 2.042z"/><path fill="currentColor" d="m9.28 12l7.625 7.626v.017l-1.35 1.35h-.011L7.92 13.371zm8.177.005L21 15.543v.017l-1.356 1.35h-.011l-3.543-3.538l1.36-1.361h.012zM7.092 19.624l2.857-2.857l.003-.003h.01l.004.003l1.35 1.355h.005v.006l.001.006l-.001.005l-2.857 2.852h-.011l-1.361-1.35v-.006l-.002-.005z"/></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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.09%2010.632L14.725%2012L7.092%204.373v-.017l1.35-1.35h.023zm.821-6.27l-1.36-1.356h-.012l-2.857%202.857v.011l1.356%201.361h.017l2.856-2.862zm-9.003%206.264l-1.361%201.372l-3.532-3.532l-.003-.004v-.009l.003-.004l1.35-1.35h.017l3.532%203.532z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m17.457%2012.004l-1.367%201.36l-2.041%202.042h-.006l-1.355-1.35l-.006-.01v-.012l2.047-2.036l4.899-4.904a.02.02%200%200%201%20.022%200L21%208.444v.022l-3.532%203.543zm-8.177-.006L7.919%2013.37l-3.543%203.532l-.006.002l-.005-.002l-1.361-1.35L3%2015.55v-.006l.001-.005l.003-.003l3.532-3.543l1.366-1.367l2.042-2.025v-.005l.005-.002l.006.002L11.31%209.95v.011l-2.036%202.042z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m9.28%2012l7.625%207.626v.017l-1.35%201.35h-.011L7.92%2013.371zm8.177.005L21%2015.543v.017l-1.356%201.35h-.011l-3.543-3.538l1.36-1.361h.012zM7.092%2019.624l2.857-2.857l.003-.003h.01l.004.003l1.35%201.355h.005v.006l.001.006l-.001.005l-2.857%202.852h-.011l-1.361-1.35v-.006l-.002-.005z%22%2F%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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.09%2010.632L14.725%2012L7.092%204.373v-.017l1.35-1.35h.023zm.821-6.27l-1.36-1.356h-.012l-2.857%202.857v.011l1.356%201.361h.017l2.856-2.862zm-9.003%206.264l-1.361%201.372l-3.532-3.532l-.003-.004v-.009l.003-.004l1.35-1.35h.017l3.532%203.532z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m17.457%2012.004l-1.367%201.36l-2.041%202.042h-.006l-1.355-1.35l-.006-.01v-.012l2.047-2.036l4.899-4.904a.02.02%200%200%201%20.022%200L21%208.444v.022l-3.532%203.543zm-8.177-.006L7.919%2013.37l-3.543%203.532l-.006.002l-.005-.002l-1.361-1.35L3%2015.55v-.006l.001-.005l.003-.003l3.532-3.543l1.366-1.367l2.042-2.025v-.005l.005-.002l.006.002L11.31%209.95v.011l-2.036%202.042z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m9.28%2012l7.625%207.626v.017l-1.35%201.35h-.011L7.92%2013.371zm8.177.005L21%2015.543v.017l-1.356%201.35h-.011l-3.543-3.538l1.36-1.361h.012zM7.092%2019.624l2.857-2.857l.003-.003h.01l.004.003l1.35%201.355h.005v.006l.001.006l-.001.005l-2.857%202.852h-.011l-1.361-1.35v-.006l-.002-.005z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/token/bridge.svg?color=%231a73e8&size=48
