money bill trend up icon

money-bill-trend-up from Font Awesome 6 Solid by Dave Gandy · Regular · CC-BY-4.0 Attribution required.

Name: money-bill-trend-up
Set: Font Awesome 6 Solid
Style: Regular
Viewbox: 512×512
License: CC BY 4.0

The same icon in other sets

Related icons in Font Awesome 6 Solid

money-bill money-bill-1 money-bill-1-wave money-bill-transfer money-bill-wave money-bill-wheat money-bills money-check money-check-dollar

Use the money bill trend up icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M470.7 9.4c3 3.1 5.3 6.6 6.9 10.3s2.4 7.8 2.4 12.2V128c0 17.7-14.3 32-32 32s-32-14.3-32-32v-18.7L310.6 214.6c-11.8 11.8-30.8 12.6-43.5 1.7L176 138.1l-91.2 78.2c-13.4 11.5-33.6 9.9-45.1-3.5s-9.9-33.6 3.5-45.1l112-96c12-10.3 29.7-10.3 41.7 0l89.5 76.7L370.7 64H352c-17.7 0-32-14.3-32-32s14.3-32 32-32h96c8.8 0 16.8 3.6 22.6 9.3zM0 304c0-26.5 21.5-48 48-48h416c26.5 0 48 21.5 48 48v160c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48zm48 112v48h48c0-26.5-21.5-48-48-48m48-112H48v48c26.5 0 48-21.5 48-48m368 112c-26.5 0-48 21.5-48 48h48zm-48-112c0 26.5 21.5 48 48 48v-48zm-96 80a64 64 0 1 0-128 0a64 64 0 1 0 128 0"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidMoneyBillTrendUp(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M470.7 9.4c3 3.1 5.3 6.6 6.9 10.3s2.4 7.8 2.4 12.2V128c0 17.7-14.3 32-32 32s-32-14.3-32-32v-18.7L310.6 214.6c-11.8 11.8-30.8 12.6-43.5 1.7L176 138.1l-91.2 78.2c-13.4 11.5-33.6 9.9-45.1-3.5s-9.9-33.6 3.5-45.1l112-96c12-10.3 29.7-10.3 41.7 0l89.5 76.7L370.7 64H352c-17.7 0-32-14.3-32-32s14.3-32 32-32h96c8.8 0 16.8 3.6 22.6 9.3zM0 304c0-26.5 21.5-48 48-48h416c26.5 0 48 21.5 48 48v160c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48zm48 112v48h48c0-26.5-21.5-48-48-48m48-112H48v48c26.5 0 48-21.5 48-48m368 112c-26.5 0-48 21.5-48 48h48zm-48-112c0 26.5 21.5 48 48 48v-48zm-96 80a64 64 0 1 0-128 0a64 64 0 1 0 128 0"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="currentColor" d="M470.7 9.4c3 3.1 5.3 6.6 6.9 10.3s2.4 7.8 2.4 12.2V128c0 17.7-14.3 32-32 32s-32-14.3-32-32v-18.7L310.6 214.6c-11.8 11.8-30.8 12.6-43.5 1.7L176 138.1l-91.2 78.2c-13.4 11.5-33.6 9.9-45.1-3.5s-9.9-33.6 3.5-45.1l112-96c12-10.3 29.7-10.3 41.7 0l89.5 76.7L370.7 64H352c-17.7 0-32-14.3-32-32s14.3-32 32-32h96c8.8 0 16.8 3.6 22.6 9.3zM0 304c0-26.5 21.5-48 48-48h416c26.5 0 48 21.5 48 48v160c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48zm48 112v48h48c0-26.5-21.5-48-48-48m48-112H48v48c26.5 0 48-21.5 48-48m368 112c-26.5 0-48 21.5-48 48h48zm-48-112c0 26.5 21.5 48 48 48v-48zm-96 80a64 64 0 1 0-128 0a64 64 0 1 0 128 0"/></svg>
</template>

CSS

.icon-money-bill-trend-up {
  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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M470.7%209.4c3%203.1%205.3%206.6%206.9%2010.3s2.4%207.8%202.4%2012.2V128c0%2017.7-14.3%2032-32%2032s-32-14.3-32-32v-18.7L310.6%20214.6c-11.8%2011.8-30.8%2012.6-43.5%201.7L176%20138.1l-91.2%2078.2c-13.4%2011.5-33.6%209.9-45.1-3.5s-9.9-33.6%203.5-45.1l112-96c12-10.3%2029.7-10.3%2041.7%200l89.5%2076.7L370.7%2064H352c-17.7%200-32-14.3-32-32s14.3-32%2032-32h96c8.8%200%2016.8%203.6%2022.6%209.3zM0%20304c0-26.5%2021.5-48%2048-48h416c26.5%200%2048%2021.5%2048%2048v160c0%2026.5-21.5%2048-48%2048H48c-26.5%200-48-21.5-48-48zm48%20112v48h48c0-26.5-21.5-48-48-48m48-112H48v48c26.5%200%2048-21.5%2048-48m368%20112c-26.5%200-48%2021.5-48%2048h48zm-48-112c0%2026.5%2021.5%2048%2048%2048v-48zm-96%2080a64%2064%200%201%200-128%200a64%2064%200%201%200%20128%200%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%20512%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M470.7%209.4c3%203.1%205.3%206.6%206.9%2010.3s2.4%207.8%202.4%2012.2V128c0%2017.7-14.3%2032-32%2032s-32-14.3-32-32v-18.7L310.6%20214.6c-11.8%2011.8-30.8%2012.6-43.5%201.7L176%20138.1l-91.2%2078.2c-13.4%2011.5-33.6%209.9-45.1-3.5s-9.9-33.6%203.5-45.1l112-96c12-10.3%2029.7-10.3%2041.7%200l89.5%2076.7L370.7%2064H352c-17.7%200-32-14.3-32-32s14.3-32%2032-32h96c8.8%200%2016.8%203.6%2022.6%209.3zM0%20304c0-26.5%2021.5-48%2048-48h416c26.5%200%2048%2021.5%2048%2048v160c0%2026.5-21.5%2048-48%2048H48c-26.5%200-48-21.5-48-48zm48%20112v48h48c0-26.5-21.5-48-48-48m48-112H48v48c26.5%200%2048-21.5%2048-48m368%20112c-26.5%200-48%2021.5-48%2048h48zm-48-112c0%2026.5%2021.5%2048%2048%2048v-48zm-96%2080a64%2064%200%201%200-128%200a64%2064%200%201%200%20128%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fa6-solid/money-bill-trend-up.svg?color=%231a73e8&size=48