credit card off icon
credit-card-off-filled from Reicon by REICON · Filled · Money · MIT Free for personal and commercial use.
- Name
- credit-card-off-filled
- Set
- Reicon
- Style
- Filled
- Category
- Money
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
The same icon in other sets
All credit card off icons →More money icons from Reicon
Use the credit card off icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M1.47 1.47a.75.75 0 0 1 1.06 0l20 20a.75.75 0 1 1-1.06 1.06l-1.845-1.844q-.126.037-.27.044c-.455.02-.997.02-1.64.02H6.268c-.813 0-1.469 0-2-.043c-.546-.045-1.026-.14-1.47-.366a3.75 3.75 0 0 1-1.64-1.639c-.226-.444-.32-.924-.365-1.47c-.043-.531-.043-1.187-.043-2V10.5a.25.25 0 0 1 .25-.25h8.19l-1.5-1.5H1a.25.25 0 0 1-.25-.25c0-.69.005-1.26.043-1.731c.045-.547.14-1.027.366-1.471a3.75 3.75 0 0 1 1.509-1.57L1.47 2.53a.75.75 0 0 1 0-1.06m13.233 14.293l-1.014-1.013H12.5a.75.75 0 0 0 0 1.5H14a.75.75 0 0 0 .703-.487M10.25 15.5a.75.75 0 0 0-.75-.75H5a.75.75 0 0 0 0 1.5h4.5a.75.75 0 0 0 .75-.75" clip-rule="evenodd"/><path d="M19.732 3.293c.546.045 1.026.14 1.47.366a3.75 3.75 0 0 1 1.64 1.639c.226.444.32.924.365 1.47c.038.472.043 1.041.043 1.732a.25.25 0 0 1-.25.25H11.793a.25.25 0 0 1-.177-.073L7.982 5.042c-.662-.661-.193-1.792.742-1.792h9.008c.813 0 1.469 0 2 .043m-6.287 7.213a.15.15 0 0 1 .107-.256H23a.25.25 0 0 1 .25.25v4.803c0 1.15 0 2.007-.151 2.674a.99.99 0 0 1-.75.753a1.03 1.03 0 0 1-.96-.28z"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconCreditCardOffFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fillRule="evenodd" d="M1.47 1.47a.75.75 0 0 1 1.06 0l20 20a.75.75 0 1 1-1.06 1.06l-1.845-1.844q-.126.037-.27.044c-.455.02-.997.02-1.64.02H6.268c-.813 0-1.469 0-2-.043c-.546-.045-1.026-.14-1.47-.366a3.75 3.75 0 0 1-1.64-1.639c-.226-.444-.32-.924-.365-1.47c-.043-.531-.043-1.187-.043-2V10.5a.25.25 0 0 1 .25-.25h8.19l-1.5-1.5H1a.25.25 0 0 1-.25-.25c0-.69.005-1.26.043-1.731c.045-.547.14-1.027.366-1.471a3.75 3.75 0 0 1 1.509-1.57L1.47 2.53a.75.75 0 0 1 0-1.06m13.233 14.293l-1.014-1.013H12.5a.75.75 0 0 0 0 1.5H14a.75.75 0 0 0 .703-.487M10.25 15.5a.75.75 0 0 0-.75-.75H5a.75.75 0 0 0 0 1.5h4.5a.75.75 0 0 0 .75-.75" clipRule="evenodd"/><path d="M19.732 3.293c.546.045 1.026.14 1.47.366a3.75 3.75 0 0 1 1.64 1.639c.226.444.32.924.365 1.47c.038.472.043 1.041.043 1.732a.25.25 0 0 1-.25.25H11.793a.25.25 0 0 1-.177-.073L7.982 5.042c-.662-.661-.193-1.792.742-1.792h9.008c.813 0 1.469 0 2 .043m-6.287 7.213a.15.15 0 0 1 .107-.256H23a.25.25 0 0 1 .25.25v4.803c0 1.15 0 2.007-.151 2.674a.99.99 0 0 1-.75.753a1.03 1.03 0 0 1-.96-.28z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M1.47 1.47a.75.75 0 0 1 1.06 0l20 20a.75.75 0 1 1-1.06 1.06l-1.845-1.844q-.126.037-.27.044c-.455.02-.997.02-1.64.02H6.268c-.813 0-1.469 0-2-.043c-.546-.045-1.026-.14-1.47-.366a3.75 3.75 0 0 1-1.64-1.639c-.226-.444-.32-.924-.365-1.47c-.043-.531-.043-1.187-.043-2V10.5a.25.25 0 0 1 .25-.25h8.19l-1.5-1.5H1a.25.25 0 0 1-.25-.25c0-.69.005-1.26.043-1.731c.045-.547.14-1.027.366-1.471a3.75 3.75 0 0 1 1.509-1.57L1.47 2.53a.75.75 0 0 1 0-1.06m13.233 14.293l-1.014-1.013H12.5a.75.75 0 0 0 0 1.5H14a.75.75 0 0 0 .703-.487M10.25 15.5a.75.75 0 0 0-.75-.75H5a.75.75 0 0 0 0 1.5h4.5a.75.75 0 0 0 .75-.75" clip-rule="evenodd"/><path d="M19.732 3.293c.546.045 1.026.14 1.47.366a3.75 3.75 0 0 1 1.64 1.639c.226.444.32.924.365 1.47c.038.472.043 1.041.043 1.732a.25.25 0 0 1-.25.25H11.793a.25.25 0 0 1-.177-.073L7.982 5.042c-.662-.661-.193-1.792.742-1.792h9.008c.813 0 1.469 0 2 .043m-6.287 7.213a.15.15 0 0 1 .107-.256H23a.25.25 0 0 1 .25.25v4.803c0 1.15 0 2.007-.151 2.674a.99.99 0 0 1-.75.753a1.03 1.03 0 0 1-.96-.28z"/></g></svg> </template>
CSS
.icon-credit-card-off-filled {
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%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M1.47%201.47a.75.75%200%200%201%201.06%200l20%2020a.75.75%200%201%201-1.06%201.06l-1.845-1.844q-.126.037-.27.044c-.455.02-.997.02-1.64.02H6.268c-.813%200-1.469%200-2-.043c-.546-.045-1.026-.14-1.47-.366a3.75%203.75%200%200%201-1.64-1.639c-.226-.444-.32-.924-.365-1.47c-.043-.531-.043-1.187-.043-2V10.5a.25.25%200%200%201%20.25-.25h8.19l-1.5-1.5H1a.25.25%200%200%201-.25-.25c0-.69.005-1.26.043-1.731c.045-.547.14-1.027.366-1.471a3.75%203.75%200%200%201%201.509-1.57L1.47%202.53a.75.75%200%200%201%200-1.06m13.233%2014.293l-1.014-1.013H12.5a.75.75%200%200%200%200%201.5H14a.75.75%200%200%200%20.703-.487M10.25%2015.5a.75.75%200%200%200-.75-.75H5a.75.75%200%200%200%200%201.5h4.5a.75.75%200%200%200%20.75-.75%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M19.732%203.293c.546.045%201.026.14%201.47.366a3.75%203.75%200%200%201%201.64%201.639c.226.444.32.924.365%201.47c.038.472.043%201.041.043%201.732a.25.25%200%200%201-.25.25H11.793a.25.25%200%200%201-.177-.073L7.982%205.042c-.662-.661-.193-1.792.742-1.792h9.008c.813%200%201.469%200%202%20.043m-6.287%207.213a.15.15%200%200%201%20.107-.256H23a.25.25%200%200%201%20.25.25v4.803c0%201.15%200%202.007-.151%202.674a.99.99%200%200%201-.75.753a1.03%201.03%200%200%201-.96-.28z%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%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M1.47%201.47a.75.75%200%200%201%201.06%200l20%2020a.75.75%200%201%201-1.06%201.06l-1.845-1.844q-.126.037-.27.044c-.455.02-.997.02-1.64.02H6.268c-.813%200-1.469%200-2-.043c-.546-.045-1.026-.14-1.47-.366a3.75%203.75%200%200%201-1.64-1.639c-.226-.444-.32-.924-.365-1.47c-.043-.531-.043-1.187-.043-2V10.5a.25.25%200%200%201%20.25-.25h8.19l-1.5-1.5H1a.25.25%200%200%201-.25-.25c0-.69.005-1.26.043-1.731c.045-.547.14-1.027.366-1.471a3.75%203.75%200%200%201%201.509-1.57L1.47%202.53a.75.75%200%200%201%200-1.06m13.233%2014.293l-1.014-1.013H12.5a.75.75%200%200%200%200%201.5H14a.75.75%200%200%200%20.703-.487M10.25%2015.5a.75.75%200%200%200-.75-.75H5a.75.75%200%200%200%200%201.5h4.5a.75.75%200%200%200%20.75-.75%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M19.732%203.293c.546.045%201.026.14%201.47.366a3.75%203.75%200%200%201%201.64%201.639c.226.444.32.924.365%201.47c.038.472.043%201.041.043%201.732a.25.25%200%200%201-.25.25H11.793a.25.25%200%200%201-.177-.073L7.982%205.042c-.662-.661-.193-1.792.742-1.792h9.008c.813%200%201.469%200%202%20.043m-6.287%207.213a.15.15%200%200%201%20.107-.256H23a.25.25%200%200%201%20.25.25v4.803c0%201.15%200%202.007-.151%202.674a.99.99%200%200%201-.75.753a1.03%201.03%200%200%201-.96-.28z%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/credit-card-off-filled.svg?color=%231a73e8&size=48
