wallet icon

wallet-line from MingCute Icon by MingCute Design · Line · Apache-2.0 Free for personal and commercial use.

Name
wallet-line
Set
MingCute Icon
Style
Line
Viewbox
24×24
License
Apache 2.0

1 other variant in MingCute Icon

wallet-fill

The same icon in other sets

walletAkar Iconswallet-filledAnt Design IconswalletBootstrap IconswalletBoxIcons v2walletBoxIcons v2 SolidwalletCarbonwalletElement PluswalletFramework7 IconswalletFont Awesome 6 SolidwalletFont Awesome Solidwallet-outlineFlowbite Iconswallet-16-filledFluent UI System IconswalletHeroIconswalletIconParkwalletIconPark OutlinewalletIconPark SolidwalletIconPark TwoTonewalletIconoirwalletIonIconswalletLine AwesomewalletLucidewalletMaterial SymbolswalletMaterial Symbols LightwalletMaterial Design Icons

Related icons in MingCute Icon

wallet-2-fillwallet-3-fillwallet-4-fillwallet-5-fill

Use the wallet icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16 11a1 1 0 1 0 0 2zm.002 2a1 1 0 0 0 0-2zM5 5v1h14V4H5zm14 14v-1H5v2h14zM4 18h1V6H3v12zM20 6h-1v3h2V6zm0 9h-1v3h2v-3zm-5-6v1h5V8h-5zm6 1h-1v4h2v-4zm-1 5v-1h-5v2h5zm-4-3v1h.002v-2H16zm-1 3v-1a2 2 0 0 1-2-2h-2a4 4 0 0 0 4 4zm6-1h-1v2a2 2 0 0 0 2-2zm-1-5v1h2a2 2 0 0 0-2-2zM5 19v-1H3a2 2 0 0 0 2 2zm14 0v1a2 2 0 0 0 2-2h-2zM15 9V8a4 4 0 0 0-4 4h2a2 2 0 0 1 2-2zm4-4v1h2a2 2 0 0 0-2-2zM5 5V4a2 2 0 0 0-2 2h2z"/></svg>

React

import type { SVGProps } from "react";

export function MingcuteWalletLine(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 11a1 1 0 1 0 0 2zm.002 2a1 1 0 0 0 0-2zM5 5v1h14V4H5zm14 14v-1H5v2h14zM4 18h1V6H3v12zM20 6h-1v3h2V6zm0 9h-1v3h2v-3zm-5-6v1h5V8h-5zm6 1h-1v4h2v-4zm-1 5v-1h-5v2h5zm-4-3v1h.002v-2H16zm-1 3v-1a2 2 0 0 1-2-2h-2a4 4 0 0 0 4 4zm6-1h-1v2a2 2 0 0 0 2-2zm-1-5v1h2a2 2 0 0 0-2-2zM5 19v-1H3a2 2 0 0 0 2 2zm14 0v1a2 2 0 0 0 2-2h-2zM15 9V8a4 4 0 0 0-4 4h2a2 2 0 0 1 2-2zm4-4v1h2a2 2 0 0 0-2-2zM5 5V4a2 2 0 0 0-2 2h2z"/></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 11a1 1 0 1 0 0 2zm.002 2a1 1 0 0 0 0-2zM5 5v1h14V4H5zm14 14v-1H5v2h14zM4 18h1V6H3v12zM20 6h-1v3h2V6zm0 9h-1v3h2v-3zm-5-6v1h5V8h-5zm6 1h-1v4h2v-4zm-1 5v-1h-5v2h5zm-4-3v1h.002v-2H16zm-1 3v-1a2 2 0 0 1-2-2h-2a4 4 0 0 0 4 4zm6-1h-1v2a2 2 0 0 0 2-2zm-1-5v1h2a2 2 0 0 0-2-2zM5 19v-1H3a2 2 0 0 0 2 2zm14 0v1a2 2 0 0 0 2-2h-2zM15 9V8a4 4 0 0 0-4 4h2a2 2 0 0 1 2-2zm4-4v1h2a2 2 0 0 0-2-2zM5 5V4a2 2 0 0 0-2 2h2z"/></svg>
</template>

CSS

.icon-wallet-line {
  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%2011a1%201%200%201%200%200%202zm.002%202a1%201%200%200%200%200-2zM5%205v1h14V4H5zm14%2014v-1H5v2h14zM4%2018h1V6H3v12zM20%206h-1v3h2V6zm0%209h-1v3h2v-3zm-5-6v1h5V8h-5zm6%201h-1v4h2v-4zm-1%205v-1h-5v2h5zm-4-3v1h.002v-2H16zm-1%203v-1a2%202%200%200%201-2-2h-2a4%204%200%200%200%204%204zm6-1h-1v2a2%202%200%200%200%202-2zm-1-5v1h2a2%202%200%200%200-2-2zM5%2019v-1H3a2%202%200%200%200%202%202zm14%200v1a2%202%200%200%200%202-2h-2zM15%209V8a4%204%200%200%200-4%204h2a2%202%200%200%201%202-2zm4-4v1h2a2%202%200%200%200-2-2zM5%205V4a2%202%200%200%200-2%202h2z%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%2011a1%201%200%201%200%200%202zm.002%202a1%201%200%200%200%200-2zM5%205v1h14V4H5zm14%2014v-1H5v2h14zM4%2018h1V6H3v12zM20%206h-1v3h2V6zm0%209h-1v3h2v-3zm-5-6v1h5V8h-5zm6%201h-1v4h2v-4zm-1%205v-1h-5v2h5zm-4-3v1h.002v-2H16zm-1%203v-1a2%202%200%200%201-2-2h-2a4%204%200%200%200%204%204zm6-1h-1v2a2%202%200%200%200%202-2zm-1-5v1h2a2%202%200%200%200-2-2zM5%2019v-1H3a2%202%200%200%200%202%202zm14%200v1a2%202%200%200%200%202-2h-2zM15%209V8a4%204%200%200%200-4%204h2a2%202%200%200%201%202-2zm4-4v1h2a2%202%200%200%200-2-2zM5%205V4a2%202%200%200%200-2%202h2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/wallet-line.svg?color=%231a73e8&size=48