banknote 2 icon

banknote-2-two-tone from Keyline Icons by Keyline Icons · Two Tone · MIT Free for personal and commercial use.

Name: banknote-2-two-tone
Set: Keyline Icons
Style: Two Tone
Viewbox: 24×24
License: MIT

7 other variants in Keyline Icons

banknote-2 banknote-2-duotone banknote-2-fill banknote-2-sharp banknote-2-sharp-duotone banknote-2-sharp-fill banknote-2-sharp-two-tone

The same icon in other sets

banknote-2-boldSolar

Related icons in Keyline Icons

banknote-2-check banknote-2-minus banknote-2-plus banknote-2-x banknote-check banknote-minus banknote-plus banknote-x

Use the banknote 2 icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M23 17L23 7C23 5.3431 21.6569 4 20 4L4 4C2.3431 4 1 5.3431 1 7L1 17C1 18.6569 2.3431 20 4 20L20 20C21.6569 20 23 18.6569 23 17Z" stroke="none"/><path d="M22 17L22 7C22 5.8954 21.1046 5 20 5L4 5C2.8954 5 2 5.8954 2 7L2 17C2 18.1046 2.8954 19 4 19L20 19C21.1046 19 22 18.1046 22 17ZM14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12ZM18 5C18 6.33333 18.8 9 22 9M18 19C18 17.6667 18.8 15 22 15M6 19C6 17.6667 5.2 15 2 15M6 5C6 6.33333 5.2 9 2 9"/></g></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsBanknote2TwoTone(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" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2"><path fill="currentColor" fillOpacity=".4" d="M23 17L23 7C23 5.3431 21.6569 4 20 4L4 4C2.3431 4 1 5.3431 1 7L1 17C1 18.6569 2.3431 20 4 20L20 20C21.6569 20 23 18.6569 23 17Z" stroke="none"/><path d="M22 17L22 7C22 5.8954 21.1046 5 20 5L4 5C2.8954 5 2 5.8954 2 7L2 17C2 18.1046 2.8954 19 4 19L20 19C21.1046 19 22 18.1046 22 17ZM14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12ZM18 5C18 6.33333 18.8 9 22 9M18 19C18 17.6667 18.8 15 22 15M6 19C6 17.6667 5.2 15 2 15M6 5C6 6.33333 5.2 9 2 9"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M23 17L23 7C23 5.3431 21.6569 4 20 4L4 4C2.3431 4 1 5.3431 1 7L1 17C1 18.6569 2.3431 20 4 20L20 20C21.6569 20 23 18.6569 23 17Z" stroke="none"/><path d="M22 17L22 7C22 5.8954 21.1046 5 20 5L4 5C2.8954 5 2 5.8954 2 7L2 17C2 18.1046 2.8954 19 4 19L20 19C21.1046 19 22 18.1046 22 17ZM14 12C14 13.1046 13.1046 14 12 14C10.8954 14 10 13.1046 10 12C10 10.8954 10.8954 10 12 10C13.1046 10 14 10.8954 14 12ZM18 5C18 6.33333 18.8 9 22 9M18 19C18 17.6667 18.8 15 22 15M6 19C6 17.6667 5.2 15 2 15M6 5C6 6.33333 5.2 9 2 9"/></g></svg>
</template>

CSS

.icon-banknote-2-two-tone {
  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%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%22%20d%3D%22M23%2017L23%207C23%205.3431%2021.6569%204%2020%204L4%204C2.3431%204%201%205.3431%201%207L1%2017C1%2018.6569%202.3431%2020%204%2020L20%2020C21.6569%2020%2023%2018.6569%2023%2017Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M22%2017L22%207C22%205.8954%2021.1046%205%2020%205L4%205C2.8954%205%202%205.8954%202%207L2%2017C2%2018.1046%202.8954%2019%204%2019L20%2019C21.1046%2019%2022%2018.1046%2022%2017ZM14%2012C14%2013.1046%2013.1046%2014%2012%2014C10.8954%2014%2010%2013.1046%2010%2012C10%2010.8954%2010.8954%2010%2012%2010C13.1046%2010%2014%2010.8954%2014%2012ZM18%205C18%206.33333%2018.8%209%2022%209M18%2019C18%2017.6667%2018.8%2015%2022%2015M6%2019C6%2017.6667%205.2%2015%202%2015M6%205C6%206.33333%205.2%209%202%209%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%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%22%20d%3D%22M23%2017L23%207C23%205.3431%2021.6569%204%2020%204L4%204C2.3431%204%201%205.3431%201%207L1%2017C1%2018.6569%202.3431%2020%204%2020L20%2020C21.6569%2020%2023%2018.6569%2023%2017Z%22%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M22%2017L22%207C22%205.8954%2021.1046%205%2020%205L4%205C2.8954%205%202%205.8954%202%207L2%2017C2%2018.1046%202.8954%2019%204%2019L20%2019C21.1046%2019%2022%2018.1046%2022%2017ZM14%2012C14%2013.1046%2013.1046%2014%2012%2014C10.8954%2014%2010%2013.1046%2010%2012C10%2010.8954%2010.8954%2010%2012%2010C13.1046%2010%2014%2010.8954%2014%2012ZM18%205C18%206.33333%2018.8%209%2022%209M18%2019C18%2017.6667%2018.8%2015%2022%2015M6%2019C6%2017.6667%205.2%2015%202%2015M6%205C6%206.33333%205.2%209%202%209%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/banknote-2-two-tone.svg?color=%231a73e8&size=48