credit card off icon
credit-card-off from Reicon by REICON · Outline · Money · MIT Free for personal and commercial use.
- Name
- credit-card-off
- Set
- Reicon
- Style
- Outline
- 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 d="M5.5 14.75a.75.75 0 0 0 0 1.5H10a.75.75 0 0 0 0-1.5z"/><path fill-rule="evenodd" d="M2.53 1.47a.75.75 0 0 0-1.06 1.06l1.198 1.198a3.75 3.75 0 0 0-1.51 1.57c-.226.444-.32.924-.365 1.47C.75 7.3.75 7.956.75 8.769v6.464c0 .813 0 1.469.043 2c.045.546.14 1.026.366 1.47a3.75 3.75 0 0 0 1.639 1.64c.444.226.924.32 1.47.365c.531.043 1.187.043 2 .043h11.485c.756 0 1.38 0 1.899-.037l1.818 1.817a.75.75 0 1 0 1.06-1.06l-2.062-2.063l-.01-.01L4.603 3.543l-.01-.01zm1.283 3.404a1.5 1.5 0 0 0-.334.121a2.25 2.25 0 0 0-.984.984c-.1.197-.17.458-.207.912c-.037.453-.038 1.033-.038 1.859h5.44zM9.19 10.25H2.25v4.95c0 .852 0 1.447.038 1.91c.037.453.107.714.207.912c.216.423.56.767.984.983c.197.1.458.17.912.207c.462.037 1.057.038 1.909.038h11.889l-3.19-3.19a.75.75 0 0 1-.499.19H13a.75.75 0 0 1 0-1.5h.69z" clip-rule="evenodd"/><path d="M17.7 4.75c.852 0 1.447 0 1.91.038c.453.037.714.107.912.207c.423.216.767.56.983.984c.1.197.17.458.207.912c.037.453.038 1.033.038 1.859H13.5a.75.75 0 0 0 0 1.5h8.25v4.95c0 .795 0 1.367-.032 1.819c-.03.448-.089.718-.175.92a.75.75 0 1 0 1.38.588c.18-.424.256-.885.292-1.405c.035-.51.035-1.133.035-1.896V8.768c0-.813 0-1.469-.043-2c-.045-.546-.14-1.026-.366-1.47a3.75 3.75 0 0 0-1.639-1.64c-.444-.226-.924-.32-1.47-.365c-.531-.043-1.187-.043-2-.043H8a.75.75 0 1 0 0 1.5z"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconCreditCardOff(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 d="M5.5 14.75a.75.75 0 0 0 0 1.5H10a.75.75 0 0 0 0-1.5z"/><path fillRule="evenodd" d="M2.53 1.47a.75.75 0 0 0-1.06 1.06l1.198 1.198a3.75 3.75 0 0 0-1.51 1.57c-.226.444-.32.924-.365 1.47C.75 7.3.75 7.956.75 8.769v6.464c0 .813 0 1.469.043 2c.045.546.14 1.026.366 1.47a3.75 3.75 0 0 0 1.639 1.64c.444.226.924.32 1.47.365c.531.043 1.187.043 2 .043h11.485c.756 0 1.38 0 1.899-.037l1.818 1.817a.75.75 0 1 0 1.06-1.06l-2.062-2.063l-.01-.01L4.603 3.543l-.01-.01zm1.283 3.404a1.5 1.5 0 0 0-.334.121a2.25 2.25 0 0 0-.984.984c-.1.197-.17.458-.207.912c-.037.453-.038 1.033-.038 1.859h5.44zM9.19 10.25H2.25v4.95c0 .852 0 1.447.038 1.91c.037.453.107.714.207.912c.216.423.56.767.984.983c.197.1.458.17.912.207c.462.037 1.057.038 1.909.038h11.889l-3.19-3.19a.75.75 0 0 1-.499.19H13a.75.75 0 0 1 0-1.5h.69z" clipRule="evenodd"/><path d="M17.7 4.75c.852 0 1.447 0 1.91.038c.453.037.714.107.912.207c.423.216.767.56.983.984c.1.197.17.458.207.912c.037.453.038 1.033.038 1.859H13.5a.75.75 0 0 0 0 1.5h8.25v4.95c0 .795 0 1.367-.032 1.819c-.03.448-.089.718-.175.92a.75.75 0 1 0 1.38.588c.18-.424.256-.885.292-1.405c.035-.51.035-1.133.035-1.896V8.768c0-.813 0-1.469-.043-2c-.045-.546-.14-1.026-.366-1.47a3.75 3.75 0 0 0-1.639-1.64c-.444-.226-.924-.32-1.47-.365c-.531-.043-1.187-.043-2-.043H8a.75.75 0 1 0 0 1.5z"/></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 d="M5.5 14.75a.75.75 0 0 0 0 1.5H10a.75.75 0 0 0 0-1.5z"/><path fill-rule="evenodd" d="M2.53 1.47a.75.75 0 0 0-1.06 1.06l1.198 1.198a3.75 3.75 0 0 0-1.51 1.57c-.226.444-.32.924-.365 1.47C.75 7.3.75 7.956.75 8.769v6.464c0 .813 0 1.469.043 2c.045.546.14 1.026.366 1.47a3.75 3.75 0 0 0 1.639 1.64c.444.226.924.32 1.47.365c.531.043 1.187.043 2 .043h11.485c.756 0 1.38 0 1.899-.037l1.818 1.817a.75.75 0 1 0 1.06-1.06l-2.062-2.063l-.01-.01L4.603 3.543l-.01-.01zm1.283 3.404a1.5 1.5 0 0 0-.334.121a2.25 2.25 0 0 0-.984.984c-.1.197-.17.458-.207.912c-.037.453-.038 1.033-.038 1.859h5.44zM9.19 10.25H2.25v4.95c0 .852 0 1.447.038 1.91c.037.453.107.714.207.912c.216.423.56.767.984.983c.197.1.458.17.912.207c.462.037 1.057.038 1.909.038h11.889l-3.19-3.19a.75.75 0 0 1-.499.19H13a.75.75 0 0 1 0-1.5h.69z" clip-rule="evenodd"/><path d="M17.7 4.75c.852 0 1.447 0 1.91.038c.453.037.714.107.912.207c.423.216.767.56.983.984c.1.197.17.458.207.912c.037.453.038 1.033.038 1.859H13.5a.75.75 0 0 0 0 1.5h8.25v4.95c0 .795 0 1.367-.032 1.819c-.03.448-.089.718-.175.92a.75.75 0 1 0 1.38.588c.18-.424.256-.885.292-1.405c.035-.51.035-1.133.035-1.896V8.768c0-.813 0-1.469-.043-2c-.045-.546-.14-1.026-.366-1.47a3.75 3.75 0 0 0-1.639-1.64c-.444-.226-.924-.32-1.47-.365c-.531-.043-1.187-.043-2-.043H8a.75.75 0 1 0 0 1.5z"/></g></svg> </template>
CSS
.icon-credit-card-off {
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%20d%3D%22M5.5%2014.75a.75.75%200%200%200%200%201.5H10a.75.75%200%200%200%200-1.5z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M2.53%201.47a.75.75%200%200%200-1.06%201.06l1.198%201.198a3.75%203.75%200%200%200-1.51%201.57c-.226.444-.32.924-.365%201.47C.75%207.3.75%207.956.75%208.769v6.464c0%20.813%200%201.469.043%202c.045.546.14%201.026.366%201.47a3.75%203.75%200%200%200%201.639%201.64c.444.226.924.32%201.47.365c.531.043%201.187.043%202%20.043h11.485c.756%200%201.38%200%201.899-.037l1.818%201.817a.75.75%200%201%200%201.06-1.06l-2.062-2.063l-.01-.01L4.603%203.543l-.01-.01zm1.283%203.404a1.5%201.5%200%200%200-.334.121a2.25%202.25%200%200%200-.984.984c-.1.197-.17.458-.207.912c-.037.453-.038%201.033-.038%201.859h5.44zM9.19%2010.25H2.25v4.95c0%20.852%200%201.447.038%201.91c.037.453.107.714.207.912c.216.423.56.767.984.983c.197.1.458.17.912.207c.462.037%201.057.038%201.909.038h11.889l-3.19-3.19a.75.75%200%200%201-.499.19H13a.75.75%200%200%201%200-1.5h.69z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M17.7%204.75c.852%200%201.447%200%201.91.038c.453.037.714.107.912.207c.423.216.767.56.983.984c.1.197.17.458.207.912c.037.453.038%201.033.038%201.859H13.5a.75.75%200%200%200%200%201.5h8.25v4.95c0%20.795%200%201.367-.032%201.819c-.03.448-.089.718-.175.92a.75.75%200%201%200%201.38.588c.18-.424.256-.885.292-1.405c.035-.51.035-1.133.035-1.896V8.768c0-.813%200-1.469-.043-2c-.045-.546-.14-1.026-.366-1.47a3.75%203.75%200%200%200-1.639-1.64c-.444-.226-.924-.32-1.47-.365c-.531-.043-1.187-.043-2-.043H8a.75.75%200%201%200%200%201.5z%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%20d%3D%22M5.5%2014.75a.75.75%200%200%200%200%201.5H10a.75.75%200%200%200%200-1.5z%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M2.53%201.47a.75.75%200%200%200-1.06%201.06l1.198%201.198a3.75%203.75%200%200%200-1.51%201.57c-.226.444-.32.924-.365%201.47C.75%207.3.75%207.956.75%208.769v6.464c0%20.813%200%201.469.043%202c.045.546.14%201.026.366%201.47a3.75%203.75%200%200%200%201.639%201.64c.444.226.924.32%201.47.365c.531.043%201.187.043%202%20.043h11.485c.756%200%201.38%200%201.899-.037l1.818%201.817a.75.75%200%201%200%201.06-1.06l-2.062-2.063l-.01-.01L4.603%203.543l-.01-.01zm1.283%203.404a1.5%201.5%200%200%200-.334.121a2.25%202.25%200%200%200-.984.984c-.1.197-.17.458-.207.912c-.037.453-.038%201.033-.038%201.859h5.44zM9.19%2010.25H2.25v4.95c0%20.852%200%201.447.038%201.91c.037.453.107.714.207.912c.216.423.56.767.984.983c.197.1.458.17.912.207c.462.037%201.057.038%201.909.038h11.889l-3.19-3.19a.75.75%200%200%201-.499.19H13a.75.75%200%200%201%200-1.5h.69z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M17.7%204.75c.852%200%201.447%200%201.91.038c.453.037.714.107.912.207c.423.216.767.56.983.984c.1.197.17.458.207.912c.037.453.038%201.033.038%201.859H13.5a.75.75%200%200%200%200%201.5h8.25v4.95c0%20.795%200%201.367-.032%201.819c-.03.448-.089.718-.175.92a.75.75%200%201%200%201.38.588c.18-.424.256-.885.292-1.405c.035-.51.035-1.133.035-1.896V8.768c0-.813%200-1.469-.043-2c-.045-.546-.14-1.026-.366-1.47a3.75%203.75%200%200%200-1.639-1.64c-.444-.226-.924-.32-1.47-.365c-.531-.043-1.187-.043-2-.043H8a.75.75%200%201%200%200%201.5z%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.svg?color=%231a73e8&size=48
