attach money icon

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

Name: attach-money
Set: Material Symbols Light
Style: Regular
Category: Business
Viewbox: 24×24
License: Apache 2.0
Aliases: attach-money-outline, attach-money-outline-sharp, attach-money-sharp

1 other variant in Material Symbols Light

attach-money-rounded

The same icon in other sets

attach-moneyMaterial Symbols

More business icons from Material Symbols Light

Use the attach money icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.487 20.5v-2.034q-1.287-.166-2.211-.891t-1.374-2.006l.927-.404q.433 1.123 1.19 1.73t2.052.605q1.14 0 2.084-.568t.943-1.832q0-1.067-.694-1.714q-.695-.647-2.598-1.259q-1.939-.617-2.729-1.41q-.79-.794-.79-2.067q0-1.394 1.069-2.227q1.069-.832 2.13-.9V3.5h1v2.023q1.039.104 1.784.576t1.236 1.343l-.889.454q-.357-.646-.984-1.046t-1.596-.4q-1.158 0-1.954.613q-.796.612-.796 1.587q0 .921.653 1.492q.654.572 2.62 1.193q1.82.576 2.68 1.481q.858.905.858 2.272q0 1.506-1.06 2.393t-2.552.996V20.5z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightAttachMoney(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="M11.487 20.5v-2.034q-1.287-.166-2.211-.891t-1.374-2.006l.927-.404q.433 1.123 1.19 1.73t2.052.605q1.14 0 2.084-.568t.943-1.832q0-1.067-.694-1.714q-.695-.647-2.598-1.259q-1.939-.617-2.729-1.41q-.79-.794-.79-2.067q0-1.394 1.069-2.227q1.069-.832 2.13-.9V3.5h1v2.023q1.039.104 1.784.576t1.236 1.343l-.889.454q-.357-.646-.984-1.046t-1.596-.4q-1.158 0-1.954.613q-.796.612-.796 1.587q0 .921.653 1.492q.654.572 2.62 1.193q1.82.576 2.68 1.481q.858.905.858 2.272q0 1.506-1.06 2.393t-2.552.996V20.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="M11.487 20.5v-2.034q-1.287-.166-2.211-.891t-1.374-2.006l.927-.404q.433 1.123 1.19 1.73t2.052.605q1.14 0 2.084-.568t.943-1.832q0-1.067-.694-1.714q-.695-.647-2.598-1.259q-1.939-.617-2.729-1.41q-.79-.794-.79-2.067q0-1.394 1.069-2.227q1.069-.832 2.13-.9V3.5h1v2.023q1.039.104 1.784.576t1.236 1.343l-.889.454q-.357-.646-.984-1.046t-1.596-.4q-1.158 0-1.954.613q-.796.612-.796 1.587q0 .921.653 1.492q.654.572 2.62 1.193q1.82.576 2.68 1.481q.858.905.858 2.272q0 1.506-1.06 2.393t-2.552.996V20.5z"/></svg>
</template>

CSS

.icon-attach-money {
  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%22M11.487%2020.5v-2.034q-1.287-.166-2.211-.891t-1.374-2.006l.927-.404q.433%201.123%201.19%201.73t2.052.605q1.14%200%202.084-.568t.943-1.832q0-1.067-.694-1.714q-.695-.647-2.598-1.259q-1.939-.617-2.729-1.41q-.79-.794-.79-2.067q0-1.394%201.069-2.227q1.069-.832%202.13-.9V3.5h1v2.023q1.039.104%201.784.576t1.236%201.343l-.889.454q-.357-.646-.984-1.046t-1.596-.4q-1.158%200-1.954.613q-.796.612-.796%201.587q0%20.921.653%201.492q.654.572%202.62%201.193q1.82.576%202.68%201.481q.858.905.858%202.272q0%201.506-1.06%202.393t-2.552.996V20.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%22M11.487%2020.5v-2.034q-1.287-.166-2.211-.891t-1.374-2.006l.927-.404q.433%201.123%201.19%201.73t2.052.605q1.14%200%202.084-.568t.943-1.832q0-1.067-.694-1.714q-.695-.647-2.598-1.259q-1.939-.617-2.729-1.41q-.79-.794-.79-2.067q0-1.394%201.069-2.227q1.069-.832%202.13-.9V3.5h1v2.023q1.039.104%201.784.576t1.236%201.343l-.889.454q-.357-.646-.984-1.046t-1.596-.4q-1.158%200-1.954.613q-.796.612-.796%201.587q0%20.921.653%201.492q.654.572%202.62%201.193q1.82.576%202.68%201.481q.858.905.858%202.272q0%201.506-1.06%202.393t-2.552.996V20.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/attach-money.svg?color=%231a73e8&size=48