wallet add icon
wallet-add from Reicon by REICON · Outline · Newicons · MIT Free for personal and commercial use.
- Name
- wallet-add
- Set
- Reicon
- Style
- Outline
- Category
- Newicons
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
More newicons icons from Reicon
Use the wallet add 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="1.5"><path d="M17.751 7.05c-.24-.04-.49-.05-.75-.05h-10q-.42 0-.81.06c.14-.28.34-.54.58-.78l3.25-3.26a3.525 3.525 0 0 1 4.96 0l1.75 1.77c.64.63.98 1.43 1.02 2.26"/><path stroke-miterlimit="10" d="M9 19c0 .75-.21 1.46-.58 2.06A3.97 3.97 0 0 1 5 23a3.97 3.97 0 0 1-3.42-1.94A3.9 3.9 0 0 1 1 19c0-2.21 1.79-4 4-4s4 1.79 4 4m-2.508-.02h-2.98M5 17.52v2.99"/><path d="M22 12v5c0 3-2 5-5 5H7.63c.31-.26.58-.58.79-.94c.37-.6.58-1.31.58-2.06c0-2.21-1.79-4-4-4c-1.2 0-2.27.53-3 1.36V12c0-2.72 1.64-4.62 4.19-4.94Q6.58 7 7 7h10c.26 0 .51.01.75.05C20.33 7.35 22 9.26 22 12"/><path d="M22 12.5h-3c-1.1 0-2 .9-2 2s.9 2 2 2h3"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconWalletAdd(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="1.5"><path d="M17.751 7.05c-.24-.04-.49-.05-.75-.05h-10q-.42 0-.81.06c.14-.28.34-.54.58-.78l3.25-3.26a3.525 3.525 0 0 1 4.96 0l1.75 1.77c.64.63.98 1.43 1.02 2.26"/><path strokeMiterlimit="10" d="M9 19c0 .75-.21 1.46-.58 2.06A3.97 3.97 0 0 1 5 23a3.97 3.97 0 0 1-3.42-1.94A3.9 3.9 0 0 1 1 19c0-2.21 1.79-4 4-4s4 1.79 4 4m-2.508-.02h-2.98M5 17.52v2.99"/><path d="M22 12v5c0 3-2 5-5 5H7.63c.31-.26.58-.58.79-.94c.37-.6.58-1.31.58-2.06c0-2.21-1.79-4-4-4c-1.2 0-2.27.53-3 1.36V12c0-2.72 1.64-4.62 4.19-4.94Q6.58 7 7 7h10c.26 0 .51.01.75.05C20.33 7.35 22 9.26 22 12"/><path d="M22 12.5h-3c-1.1 0-2 .9-2 2s.9 2 2 2h3"/></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="1.5"><path d="M17.751 7.05c-.24-.04-.49-.05-.75-.05h-10q-.42 0-.81.06c.14-.28.34-.54.58-.78l3.25-3.26a3.525 3.525 0 0 1 4.96 0l1.75 1.77c.64.63.98 1.43 1.02 2.26"/><path stroke-miterlimit="10" d="M9 19c0 .75-.21 1.46-.58 2.06A3.97 3.97 0 0 1 5 23a3.97 3.97 0 0 1-3.42-1.94A3.9 3.9 0 0 1 1 19c0-2.21 1.79-4 4-4s4 1.79 4 4m-2.508-.02h-2.98M5 17.52v2.99"/><path d="M22 12v5c0 3-2 5-5 5H7.63c.31-.26.58-.58.79-.94c.37-.6.58-1.31.58-2.06c0-2.21-1.79-4-4-4c-1.2 0-2.27.53-3 1.36V12c0-2.72 1.64-4.62 4.19-4.94Q6.58 7 7 7h10c.26 0 .51.01.75.05C20.33 7.35 22 9.26 22 12"/><path d="M22 12.5h-3c-1.1 0-2 .9-2 2s.9 2 2 2h3"/></g></svg> </template>
CSS
.icon-wallet-add {
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%221.5%22%3E%3Cpath%20d%3D%22M17.751%207.05c-.24-.04-.49-.05-.75-.05h-10q-.42%200-.81.06c.14-.28.34-.54.58-.78l3.25-3.26a3.525%203.525%200%200%201%204.96%200l1.75%201.77c.64.63.98%201.43%201.02%202.26%22%2F%3E%3Cpath%20stroke-miterlimit%3D%2210%22%20d%3D%22M9%2019c0%20.75-.21%201.46-.58%202.06A3.97%203.97%200%200%201%205%2023a3.97%203.97%200%200%201-3.42-1.94A3.9%203.9%200%200%201%201%2019c0-2.21%201.79-4%204-4s4%201.79%204%204m-2.508-.02h-2.98M5%2017.52v2.99%22%2F%3E%3Cpath%20d%3D%22M22%2012v5c0%203-2%205-5%205H7.63c.31-.26.58-.58.79-.94c.37-.6.58-1.31.58-2.06c0-2.21-1.79-4-4-4c-1.2%200-2.27.53-3%201.36V12c0-2.72%201.64-4.62%204.19-4.94Q6.58%207%207%207h10c.26%200%20.51.01.75.05C20.33%207.35%2022%209.26%2022%2012%22%2F%3E%3Cpath%20d%3D%22M22%2012.5h-3c-1.1%200-2%20.9-2%202s.9%202%202%202h3%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%221.5%22%3E%3Cpath%20d%3D%22M17.751%207.05c-.24-.04-.49-.05-.75-.05h-10q-.42%200-.81.06c.14-.28.34-.54.58-.78l3.25-3.26a3.525%203.525%200%200%201%204.96%200l1.75%201.77c.64.63.98%201.43%201.02%202.26%22%2F%3E%3Cpath%20stroke-miterlimit%3D%2210%22%20d%3D%22M9%2019c0%20.75-.21%201.46-.58%202.06A3.97%203.97%200%200%201%205%2023a3.97%203.97%200%200%201-3.42-1.94A3.9%203.9%200%200%201%201%2019c0-2.21%201.79-4%204-4s4%201.79%204%204m-2.508-.02h-2.98M5%2017.52v2.99%22%2F%3E%3Cpath%20d%3D%22M22%2012v5c0%203-2%205-5%205H7.63c.31-.26.58-.58.79-.94c.37-.6.58-1.31.58-2.06c0-2.21-1.79-4-4-4c-1.2%200-2.27.53-3%201.36V12c0-2.72%201.64-4.62%204.19-4.94Q6.58%207%207%207h10c.26%200%20.51.01.75.05C20.33%207.35%2022%209.26%2022%2012%22%2F%3E%3Cpath%20d%3D%22M22%2012.5h-3c-1.1%200-2%20.9-2%202s.9%202%202%202h3%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/wallet-add.svg?color=%231a73e8&size=48