money off icon

money-off-20-filled from Fluent UI System Icons by Microsoft Corporation · 20 Filled · MIT Free for personal and commercial use.

Name
money-off-20-filled
Set
Fluent UI System Icons
Style
20 Filled
Viewbox
20×20
License
MIT

3 other variants in Fluent UI System Icons

money-off-20-regularmoney-off-24-filledmoney-off-24-regular

The same icon in other sets

money-offMaterial Symbolsmoney-offMaterial Symbols Light

Related icons in Fluent UI System Icons

money-calculator-20-filledmoney-dismiss-20-filledmoney-hand-16-filledmoney-settings-16-filled

Use the money off icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M2.854 2.146a.5.5 0 1 0-.708.708l1.16 1.159A1.5 1.5 0 0 0 2 5.5v7A1.5 1.5 0 0 0 3.5 14h9.793l1 1H4.085A1.5 1.5 0 0 0 5.5 16h9q.37 0 .719-.074l1.927 1.928a.5.5 0 0 0 .708-.708zm6.979 8.394A1.75 1.75 0 0 1 7.46 8.168zM5.905 6.612A2 2 0 0 1 4 8H3V7h1a1 1 0 0 0 1-1v-.293zM3 11v-1h1a2 2 0 0 1 2 2v1H5v-1a1 1 0 0 0-1-1zm6.417-3.7L10.7 8.583l1.946 1.945A2 2 0 0 1 14 10h1v1h-1a1 1 0 0 0-.646.237l2.264 2.263c.237-.265.382-.616.382-1v-7A1.5 1.5 0 0 0 14.5 4H6.117zM15 7v1h-1a2 2 0 0 1-2-2V5h1v1a1 1 0 0 0 1 1zm1.326 7.208l.707.708c.6-.629.967-1.48.967-2.416v-5a1.5 1.5 0 0 0-1-1.415V12.5c0 .66-.256 1.261-.674 1.708"/></svg>

React

import type { SVGProps } from "react";

export function FluentMoneyOff20Filled(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M2.854 2.146a.5.5 0 1 0-.708.708l1.16 1.159A1.5 1.5 0 0 0 2 5.5v7A1.5 1.5 0 0 0 3.5 14h9.793l1 1H4.085A1.5 1.5 0 0 0 5.5 16h9q.37 0 .719-.074l1.927 1.928a.5.5 0 0 0 .708-.708zm6.979 8.394A1.75 1.75 0 0 1 7.46 8.168zM5.905 6.612A2 2 0 0 1 4 8H3V7h1a1 1 0 0 0 1-1v-.293zM3 11v-1h1a2 2 0 0 1 2 2v1H5v-1a1 1 0 0 0-1-1zm6.417-3.7L10.7 8.583l1.946 1.945A2 2 0 0 1 14 10h1v1h-1a1 1 0 0 0-.646.237l2.264 2.263c.237-.265.382-.616.382-1v-7A1.5 1.5 0 0 0 14.5 4H6.117zM15 7v1h-1a2 2 0 0 1-2-2V5h1v1a1 1 0 0 0 1 1zm1.326 7.208l.707.708c.6-.629.967-1.48.967-2.416v-5a1.5 1.5 0 0 0-1-1.415V12.5c0 .66-.256 1.261-.674 1.708"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M2.854 2.146a.5.5 0 1 0-.708.708l1.16 1.159A1.5 1.5 0 0 0 2 5.5v7A1.5 1.5 0 0 0 3.5 14h9.793l1 1H4.085A1.5 1.5 0 0 0 5.5 16h9q.37 0 .719-.074l1.927 1.928a.5.5 0 0 0 .708-.708zm6.979 8.394A1.75 1.75 0 0 1 7.46 8.168zM5.905 6.612A2 2 0 0 1 4 8H3V7h1a1 1 0 0 0 1-1v-.293zM3 11v-1h1a2 2 0 0 1 2 2v1H5v-1a1 1 0 0 0-1-1zm6.417-3.7L10.7 8.583l1.946 1.945A2 2 0 0 1 14 10h1v1h-1a1 1 0 0 0-.646.237l2.264 2.263c.237-.265.382-.616.382-1v-7A1.5 1.5 0 0 0 14.5 4H6.117zM15 7v1h-1a2 2 0 0 1-2-2V5h1v1a1 1 0 0 0 1 1zm1.326 7.208l.707.708c.6-.629.967-1.48.967-2.416v-5a1.5 1.5 0 0 0-1-1.415V12.5c0 .66-.256 1.261-.674 1.708"/></svg>
</template>

CSS

.icon-money-off-20-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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2.854%202.146a.5.5%200%201%200-.708.708l1.16%201.159A1.5%201.5%200%200%200%202%205.5v7A1.5%201.5%200%200%200%203.5%2014h9.793l1%201H4.085A1.5%201.5%200%200%200%205.5%2016h9q.37%200%20.719-.074l1.927%201.928a.5.5%200%200%200%20.708-.708zm6.979%208.394A1.75%201.75%200%200%201%207.46%208.168zM5.905%206.612A2%202%200%200%201%204%208H3V7h1a1%201%200%200%200%201-1v-.293zM3%2011v-1h1a2%202%200%200%201%202%202v1H5v-1a1%201%200%200%200-1-1zm6.417-3.7L10.7%208.583l1.946%201.945A2%202%200%200%201%2014%2010h1v1h-1a1%201%200%200%200-.646.237l2.264%202.263c.237-.265.382-.616.382-1v-7A1.5%201.5%200%200%200%2014.5%204H6.117zM15%207v1h-1a2%202%200%200%201-2-2V5h1v1a1%201%200%200%200%201%201zm1.326%207.208l.707.708c.6-.629.967-1.48.967-2.416v-5a1.5%201.5%200%200%200-1-1.415V12.5c0%20.66-.256%201.261-.674%201.708%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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2.854%202.146a.5.5%200%201%200-.708.708l1.16%201.159A1.5%201.5%200%200%200%202%205.5v7A1.5%201.5%200%200%200%203.5%2014h9.793l1%201H4.085A1.5%201.5%200%200%200%205.5%2016h9q.37%200%20.719-.074l1.927%201.928a.5.5%200%200%200%20.708-.708zm6.979%208.394A1.75%201.75%200%200%201%207.46%208.168zM5.905%206.612A2%202%200%200%201%204%208H3V7h1a1%201%200%200%200%201-1v-.293zM3%2011v-1h1a2%202%200%200%201%202%202v1H5v-1a1%201%200%200%200-1-1zm6.417-3.7L10.7%208.583l1.946%201.945A2%202%200%200%201%2014%2010h1v1h-1a1%201%200%200%200-.646.237l2.264%202.263c.237-.265.382-.616.382-1v-7A1.5%201.5%200%200%200%2014.5%204H6.117zM15%207v1h-1a2%202%200%200%201-2-2V5h1v1a1%201%200%200%200%201%201zm1.326%207.208l.707.708c.6-.629.967-1.48.967-2.416v-5a1.5%201.5%200%200%200-1-1.415V12.5c0%20.66-.256%201.261-.674%201.708%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/money-off-20-filled.svg?color=%231a73e8&size=48