import React from 'react'

import './styles.css'

const WalletIcon = () => (
  <div className="iconContainer">
    <svg
      width="24"
      height="24"
      viewBox="0 0 24 24"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <g id="Icn/Wallet">
        <path
          id="Rectangle 2529"
          d="M20.7654 11.8869V8.19122C20.7654 7.74219 20.4014 7.37817 19.9523 7.37817H3.69146C3.24243 7.37817 2.87842 7.74219 2.87842 8.19122V20.3869C2.87842 20.8359 3.24243 21.1999 3.69146 21.1999H19.9523C20.4014 21.1999 20.7654 20.8359 20.7654 20.3869V16.9817"
          stroke={'var(--navbar-icons)'}
          strokeWidth="1.5"
        />
        <path
          id="Vector 519"
          d="M4.87695 7.36367L15.1786 2.83274C15.5944 2.64986 16.0794 2.84313 16.2554 3.26187L17.9137 7.20603"
          stroke={'var(--navbar-icons)'}
          strokeWidth="1.5"
        />
        <rect
          id="Rectangle 2530"
          x="14.2607"
          y="11.6873"
          width="8.13044"
          height="5.69131"
          rx="1.62609"
          stroke={'var(--navbar-icons)'}
        />
      </g>
    </svg>
  </div>
)

export default WalletIcon
