finance icon

finance from Material Symbols Light by Google · Regular · Business · Apache-2.0 Free for personal and commercial use.

Name: finance
Set: Material Symbols Light
Style: Regular
Category: Business
Viewbox: 24×24
License: Apache 2.0
Aliases: finance-outline

2 other variants in Material Symbols Light

The same icon in other sets

financeCarbon financeIconPark financeIconPark Outline financeIconPark Solid financeIconPark TwoTone financeMaterial Symbols financeMaterial Design Icons

More business icons from Material Symbols Light

Use the finance icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.116 20q-.691 0-1.153-.462T3.5 18.384V3h1v15.385q0 .23.192.423t.423.192H20.5v1zm2.269-3.5V9.192h2V16.5zm4.5 0V4.192h2V16.5zm4.5 0v-3.308h2V16.5z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightFinance(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.116 20q-.691 0-1.153-.462T3.5 18.384V3h1v15.385q0 .23.192.423t.423.192H20.5v1zm2.269-3.5V9.192h2V16.5zm4.5 0V4.192h2V16.5zm4.5 0v-3.308h2V16.5z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5.116 20q-.691 0-1.153-.462T3.5 18.384V3h1v15.385q0 .23.192.423t.423.192H20.5v1zm2.269-3.5V9.192h2V16.5zm4.5 0V4.192h2V16.5zm4.5 0v-3.308h2V16.5z"/></svg>
</template>

CSS

.icon-finance {
  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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.116%2020q-.691%200-1.153-.462T3.5%2018.384V3h1v15.385q0%20.23.192.423t.423.192H20.5v1zm2.269-3.5V9.192h2V16.5zm4.5%200V4.192h2V16.5zm4.5%200v-3.308h2V16.5z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5.116%2020q-.691%200-1.153-.462T3.5%2018.384V3h1v15.385q0%20.23.192.423t.423.192H20.5v1zm2.269-3.5V9.192h2V16.5zm4.5%200V4.192h2V16.5zm4.5%200v-3.308h2V16.5z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/finance.svg?color=%231a73e8&size=48