md wallet icon
md-wallet from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- md-wallet
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
Related icons in IonIcons
md-addmd-add-circlemd-airplanemd-alarmmd-albumsmd-alertmd-american-footballmd-analyticsmd-aperturemd-appsmd-appstoremd-archivemd-arrow-backmd-arrow-downmd-arrow-dropdownmd-arrow-dropdown-circlemd-arrow-dropleftmd-arrow-dropleft-circlemd-arrow-droprightmd-arrow-dropright-circlemd-arrow-dropupmd-arrow-dropup-circlemd-arrow-forwardmd-arrow-round-back
Use the md wallet icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M202.7 341.3V170.7c0-23.5 19-42.7 42.7-42.7h197v-21.3c0-23.5-18.9-42.7-42.3-42.7H92c-23.7 0-44 18.5-44 42v300c0 23.5 20.3 42 44 42h308c23.5 0 42.3-19.2 42.3-42.7V384h-197c-23.6 0-42.6-19.2-42.6-42.7z" fill="currentColor"/><path d="M245 186v140c0 8.8 7.2 16 16 16h187c8.8 0 16-7.2 16-16V186c0-8.8-7.2-16-16-16H261c-8.8 0-16 7.2-16 16zm77.1 101.9c-19.3 1.2-35.2-14.7-34-34 1-15.9 13.9-28.8 29.9-29.9 19.3-1.2 35.2 14.7 34 34-1.1 16-14 28.9-29.9 29.9z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonMdWallet(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M202.7 341.3V170.7c0-23.5 19-42.7 42.7-42.7h197v-21.3c0-23.5-18.9-42.7-42.3-42.7H92c-23.7 0-44 18.5-44 42v300c0 23.5 20.3 42 44 42h308c23.5 0 42.3-19.2 42.3-42.7V384h-197c-23.6 0-42.6-19.2-42.6-42.7z" fill="currentColor"/><path d="M245 186v140c0 8.8 7.2 16 16 16h187c8.8 0 16-7.2 16-16V186c0-8.8-7.2-16-16-16H261c-8.8 0-16 7.2-16 16zm77.1 101.9c-19.3 1.2-35.2-14.7-34-34 1-15.9 13.9-28.8 29.9-29.9 19.3-1.2 35.2 14.7 34 34-1.1 16-14 28.9-29.9 29.9z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M202.7 341.3V170.7c0-23.5 19-42.7 42.7-42.7h197v-21.3c0-23.5-18.9-42.7-42.3-42.7H92c-23.7 0-44 18.5-44 42v300c0 23.5 20.3 42 44 42h308c23.5 0 42.3-19.2 42.3-42.7V384h-197c-23.6 0-42.6-19.2-42.6-42.7z" fill="currentColor"/><path d="M245 186v140c0 8.8 7.2 16 16 16h187c8.8 0 16-7.2 16-16V186c0-8.8-7.2-16-16-16H261c-8.8 0-16 7.2-16 16zm77.1 101.9c-19.3 1.2-35.2-14.7-34-34 1-15.9 13.9-28.8 29.9-29.9 19.3-1.2 35.2 14.7 34 34-1.1 16-14 28.9-29.9 29.9z" fill="currentColor"/></svg> </template>
CSS
.icon-md-wallet {
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%20512%20512%22%3E%3Cpath%20d%3D%22M202.7%20341.3V170.7c0-23.5%2019-42.7%2042.7-42.7h197v-21.3c0-23.5-18.9-42.7-42.3-42.7H92c-23.7%200-44%2018.5-44%2042v300c0%2023.5%2020.3%2042%2044%2042h308c23.5%200%2042.3-19.2%2042.3-42.7V384h-197c-23.6%200-42.6-19.2-42.6-42.7z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M245%20186v140c0%208.8%207.2%2016%2016%2016h187c8.8%200%2016-7.2%2016-16V186c0-8.8-7.2-16-16-16H261c-8.8%200-16%207.2-16%2016zm77.1%20101.9c-19.3%201.2-35.2-14.7-34-34%201-15.9%2013.9-28.8%2029.9-29.9%2019.3-1.2%2035.2%2014.7%2034%2034-1.1%2016-14%2028.9-29.9%2029.9z%22%20fill%3D%22currentColor%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%20512%20512%22%3E%3Cpath%20d%3D%22M202.7%20341.3V170.7c0-23.5%2019-42.7%2042.7-42.7h197v-21.3c0-23.5-18.9-42.7-42.3-42.7H92c-23.7%200-44%2018.5-44%2042v300c0%2023.5%2020.3%2042%2044%2042h308c23.5%200%2042.3-19.2%2042.3-42.7V384h-197c-23.6%200-42.6-19.2-42.6-42.7z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M245%20186v140c0%208.8%207.2%2016%2016%2016h187c8.8%200%2016-7.2%2016-16V186c0-8.8-7.2-16-16-16H261c-8.8%200-16%207.2-16%2016zm77.1%20101.9c-19.3%201.2-35.2-14.7-34-34%201-15.9%2013.9-28.8%2029.9-29.9%2019.3-1.2%2035.2%2014.7%2034%2034-1.1%2016-14%2028.9-29.9%2029.9z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/md-wallet.svg?color=%231a73e8&size=48
