Back to Explorer
16 - 512
0.5 - 4.0
Save to
actionoutline
md add card
Designed by Google Material
Developer Export Center
Code snippets update in real-time as you customize the playground.
const MdAddCardIcon = (props) => (
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
width="24"
height="24"
fill="none"
stroke="currentColor"
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
{...props}
>
<g></g><g><path d="M20,4H4C2.89,4,2.01,4.89,2.01,6L2,18c0,1.11,0.89,2,2,2h10v-2H4v-6h18V6C22,4.89,21.11,4,20,4z M20,8H4V6h16V8z M24,17v2 h-3v3h-2v-3h-3v-2h3v-3h2v3H24z"/></g>
</svg>
);SVG Optimizer
Before
0.36 KB
↓
After
0.35 KB
Tags
+accountaddadd cardadd credit cardadd debit cardadd paymentbankingbillbillingbordercardcashcheckoutcoincommercecostcreatecreditcredit cardcurrencydebit carddollarsfinancefinancialmoneynewnew cardonlineoutlinepaypaymentpayment methodplusplus signpricerectangleshapeshoppingsquaresymboltransactionwallet
Compare Alternatives
See how other libraries approach this concept.