wan logo

wan from Web3 Icons Branded by 0xa3k5 · Branded · MIT Free for personal and commercial use.

Name
wan
Set
Web3 Icons Branded
Style
Branded
Viewbox
24×24
License
MIT

1 other variant in Web3 Icons Branded

wan-background

The same logo in other sets

wanMaterial Design Iconswan-outlineTeenyiconswanWeb3 Icons

Use the wan logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="#136aad" d="m4.683 8.17l1.951.976v4.682L12 10.863l5.366 2.965V9.146l1.951-.976v8.976L12 13.096l-7.317 4.05z"/><path fill="#3fbced" d="m12 18.751l-3.644-2.268l-1.897 1.146L12 21l5.619-3.38l-1.912-1.142L12 18.756zm0-13.38L6.933 8.054l-2.034-.888L12 3l7.219 4.161l-2.156.893L12 5.376z"/></g></svg>

React

import type { SVGProps } from "react";

export function TokenBrandedWan(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="#136aad" d="m4.683 8.17l1.951.976v4.682L12 10.863l5.366 2.965V9.146l1.951-.976v8.976L12 13.096l-7.317 4.05z"/><path fill="#3fbced" d="m12 18.751l-3.644-2.268l-1.897 1.146L12 21l5.619-3.38l-1.912-1.142L12 18.756zm0-13.38L6.933 8.054l-2.034-.888L12 3l7.219 4.161l-2.156.893L12 5.376z"/></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="#136aad" d="m4.683 8.17l1.951.976v4.682L12 10.863l5.366 2.965V9.146l1.951-.976v8.976L12 13.096l-7.317 4.05z"/><path fill="#3fbced" d="m12 18.751l-3.644-2.268l-1.897 1.146L12 21l5.619-3.38l-1.912-1.142L12 18.756zm0-13.38L6.933 8.054l-2.034-.888L12 3l7.219 4.161l-2.156.893L12 5.376z"/></g></svg>
</template>

CSS

.icon-wan {
  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%23136aad%22%20d%3D%22m4.683%208.17l1.951.976v4.682L12%2010.863l5.366%202.965V9.146l1.951-.976v8.976L12%2013.096l-7.317%204.05z%22%2F%3E%3Cpath%20fill%3D%22%233fbced%22%20d%3D%22m12%2018.751l-3.644-2.268l-1.897%201.146L12%2021l5.619-3.38l-1.912-1.142L12%2018.756zm0-13.38L6.933%208.054l-2.034-.888L12%203l7.219%204.161l-2.156.893L12%205.376z%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%23136aad%22%20d%3D%22m4.683%208.17l1.951.976v4.682L12%2010.863l5.366%202.965V9.146l1.951-.976v8.976L12%2013.096l-7.317%204.05z%22%2F%3E%3Cpath%20fill%3D%22%233fbced%22%20d%3D%22m12%2018.751l-3.644-2.268l-1.897%201.146L12%2021l5.619-3.38l-1.912-1.142L12%2018.756zm0-13.38L6.933%208.054l-2.034-.888L12%203l7.219%204.161l-2.156.893L12%205.376z%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/wan.svg?color=%231a73e8&size=48