monetization on icon

monetization-on-rounded from Material Symbols by Google · Rounded · Apache-2.0 Free for personal and commercial use.

Name: monetization-on-rounded
Set: Material Symbols
Style: Rounded
Viewbox: 24×24
License: Apache 2.0

1 other variant in Material Symbols

The same icon in other sets

monetization-on-outline-roundedMaterial Symbols Light

Use the monetization on icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.1 14.75q.35 1.2 1.088 1.938T11.1 17.7v.425q0 .35.263.613t.612.262t.613-.262t.262-.613v-.375q1.25-.225 2.15-.975t.9-2.225q0-1.05-.6-1.925T12.9 11.1q-1.5-.5-2.075-.875T10.25 9.2t.463-1.025T12.05 7.8q.8 0 1.25.387t.65.963l1.6-.65q-.275-.875-1.012-1.525T12.9 6.25v-.375q0-.35-.262-.612T12.025 5t-.612.263t-.263.612v.375q-1.25.275-1.95 1.1T8.5 9.2q0 1.175.688 1.9t2.162 1.25q1.575.575 2.188 1.025t.612 1.175q0 .825-.587 1.213t-1.413.387t-1.463-.512T9.75 14.1zM12 22q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsMonetizationOnRounded(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="M8.1 14.75q.35 1.2 1.088 1.938T11.1 17.7v.425q0 .35.263.613t.612.262t.613-.262t.262-.613v-.375q1.25-.225 2.15-.975t.9-2.225q0-1.05-.6-1.925T12.9 11.1q-1.5-.5-2.075-.875T10.25 9.2t.463-1.025T12.05 7.8q.8 0 1.25.387t.65.963l1.6-.65q-.275-.875-1.012-1.525T12.9 6.25v-.375q0-.35-.262-.612T12.025 5t-.612.263t-.263.612v.375q-1.25.275-1.95 1.1T8.5 9.2q0 1.175.688 1.9t2.162 1.25q1.575.575 2.188 1.025t.612 1.175q0 .825-.587 1.213t-1.413.387t-1.463-.512T9.75 14.1zM12 22q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.1 14.75q.35 1.2 1.088 1.938T11.1 17.7v.425q0 .35.263.613t.612.262t.613-.262t.262-.613v-.375q1.25-.225 2.15-.975t.9-2.225q0-1.05-.6-1.925T12.9 11.1q-1.5-.5-2.075-.875T10.25 9.2t.463-1.025T12.05 7.8q.8 0 1.25.387t.65.963l1.6-.65q-.275-.875-1.012-1.525T12.9 6.25v-.375q0-.35-.262-.612T12.025 5t-.612.263t-.263.612v.375q-1.25.275-1.95 1.1T8.5 9.2q0 1.175.688 1.9t2.162 1.25q1.575.575 2.188 1.025t.612 1.175q0 .825-.587 1.213t-1.413.387t-1.463-.512T9.75 14.1zM12 22q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22"/></svg>
</template>

CSS

.icon-monetization-on-rounded {
  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%22M8.1%2014.75q.35%201.2%201.088%201.938T11.1%2017.7v.425q0%20.35.263.613t.612.262t.613-.262t.262-.613v-.375q1.25-.225%202.15-.975t.9-2.225q0-1.05-.6-1.925T12.9%2011.1q-1.5-.5-2.075-.875T10.25%209.2t.463-1.025T12.05%207.8q.8%200%201.25.387t.65.963l1.6-.65q-.275-.875-1.012-1.525T12.9%206.25v-.375q0-.35-.262-.612T12.025%205t-.612.263t-.263.612v.375q-1.25.275-1.95%201.1T8.5%209.2q0%201.175.688%201.9t2.162%201.25q1.575.575%202.188%201.025t.612%201.175q0%20.825-.587%201.213t-1.413.387t-1.463-.512T9.75%2014.1zM12%2022q-2.075%200-3.9-.788t-3.175-2.137T2.788%2015.9T2%2012t.788-3.9t2.137-3.175T8.1%202.788T12%202t3.9.788t3.175%202.137T21.213%208.1T22%2012t-.788%203.9t-2.137%203.175t-3.175%202.138T12%2022%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%22M8.1%2014.75q.35%201.2%201.088%201.938T11.1%2017.7v.425q0%20.35.263.613t.612.262t.613-.262t.262-.613v-.375q1.25-.225%202.15-.975t.9-2.225q0-1.05-.6-1.925T12.9%2011.1q-1.5-.5-2.075-.875T10.25%209.2t.463-1.025T12.05%207.8q.8%200%201.25.387t.65.963l1.6-.65q-.275-.875-1.012-1.525T12.9%206.25v-.375q0-.35-.262-.612T12.025%205t-.612.263t-.263.612v.375q-1.25.275-1.95%201.1T8.5%209.2q0%201.175.688%201.9t2.162%201.25q1.575.575%202.188%201.025t.612%201.175q0%20.825-.587%201.213t-1.413.387t-1.463-.512T9.75%2014.1zM12%2022q-2.075%200-3.9-.788t-3.175-2.137T2.788%2015.9T2%2012t.788-3.9t2.137-3.175T8.1%202.788T12%202t3.9.788t3.175%202.137T21.213%208.1T22%2012t-.788%203.9t-2.137%203.175t-3.175%202.138T12%2022%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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