math formula icon
math-formula-20-filled from Fluent UI System Icons by Microsoft Corporation · 20 Filled · MIT Free for personal and commercial use.
- Name
- math-formula-20-filled
- Set
- Fluent UI System Icons
- Style
- 20 Filled
- Viewbox
- 20×20
- License
- MIT
7 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
Use the math formula icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M8.915 3.541c.29-.04.473-.033.613-.005a1.5 1.5 0 0 1 .486.207a.75.75 0 1 0 .772-1.286a3 3 0 0 0-.964-.392c-.359-.072-.724-.065-1.128-.007l-.018.002c-.8.134-1.427.547-1.855 1.162c-.413.596-.613 1.34-.67 2.125L6.15 5.4v.008l-.001.024l-.003.083l-.013.27c-.01.222-.027.52-.046.872l-.005.093H4.8a.75.75 0 0 0 0 1.5h1.195l-.057.968a417 417 0 0 1-.287 4.522c-.107 1.284-.22 2.138-1.027 2.61c-.403.229-1.019.215-1.69-.12a.75.75 0 1 0-.67 1.341c.927.464 2.11.65 3.107.08l.006-.003c1.533-.895 1.668-2.55 1.76-3.666l.01-.12v-.004c.059-.769.225-3.46.35-5.608H9.3a.75.75 0 1 0 0-1.5H7.584c.037-.668.062-1.156.065-1.316c.046-.606.195-1.055.404-1.356a1.25 1.25 0 0 1 .862-.537m7.865 6.74a.75.75 0 0 0-1.06-1.061l-2.579 2.578a36 36 0 0 1-.76-1.353l-.073-.117c-.153-.245-.381-.611-.658-.867a1.6 1.6 0 0 0-.736-.403a1.55 1.55 0 0 0-.957.102a1 1 0 0 0-.14.078l-.033.023c-.086.06-.183.128-.283.232c-.045.047-.09.1-.132.149l-.022.026l-.164.19a.75.75 0 0 0 1.134.983l.173-.202l.021-.025l.067-.077l.012-.009q.014.01.041.034c.057.052.125.135.212.263a8 8 0 0 1 .168.259l.088.14c.121.235.49.897.946 1.67L9.22 15.72a.75.75 0 1 0 1.06 1.06l2.662-2.661a39 39 0 0 1 .816 1.452q.023.036.05.086c.13.221.35.597.64.872c.18.172.422.34.733.422a1.6 1.6 0 0 0 1.056-.096c.356-.178.576-.407.804-.778a.75.75 0 0 0-1.28-.784a1 1 0 0 1-.126.176a.2.2 0 0 1-.032.025l-.033.006h-.007l-.02-.01a.4.4 0 0 1-.063-.05a1.5 1.5 0 0 1-.203-.257a6 6 0 0 1-.158-.258l-.06-.103a47 47 0 0 0-1.021-1.799zm-6.182.242h.002Z"/></svg>
React
import type { SVGProps } from "react";
export function FluentMathFormula20Filled(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="M8.915 3.541c.29-.04.473-.033.613-.005a1.5 1.5 0 0 1 .486.207a.75.75 0 1 0 .772-1.286a3 3 0 0 0-.964-.392c-.359-.072-.724-.065-1.128-.007l-.018.002c-.8.134-1.427.547-1.855 1.162c-.413.596-.613 1.34-.67 2.125L6.15 5.4v.008l-.001.024l-.003.083l-.013.27c-.01.222-.027.52-.046.872l-.005.093H4.8a.75.75 0 0 0 0 1.5h1.195l-.057.968a417 417 0 0 1-.287 4.522c-.107 1.284-.22 2.138-1.027 2.61c-.403.229-1.019.215-1.69-.12a.75.75 0 1 0-.67 1.341c.927.464 2.11.65 3.107.08l.006-.003c1.533-.895 1.668-2.55 1.76-3.666l.01-.12v-.004c.059-.769.225-3.46.35-5.608H9.3a.75.75 0 1 0 0-1.5H7.584c.037-.668.062-1.156.065-1.316c.046-.606.195-1.055.404-1.356a1.25 1.25 0 0 1 .862-.537m7.865 6.74a.75.75 0 0 0-1.06-1.061l-2.579 2.578a36 36 0 0 1-.76-1.353l-.073-.117c-.153-.245-.381-.611-.658-.867a1.6 1.6 0 0 0-.736-.403a1.55 1.55 0 0 0-.957.102a1 1 0 0 0-.14.078l-.033.023c-.086.06-.183.128-.283.232c-.045.047-.09.1-.132.149l-.022.026l-.164.19a.75.75 0 0 0 1.134.983l.173-.202l.021-.025l.067-.077l.012-.009q.014.01.041.034c.057.052.125.135.212.263a8 8 0 0 1 .168.259l.088.14c.121.235.49.897.946 1.67L9.22 15.72a.75.75 0 1 0 1.06 1.06l2.662-2.661a39 39 0 0 1 .816 1.452q.023.036.05.086c.13.221.35.597.64.872c.18.172.422.34.733.422a1.6 1.6 0 0 0 1.056-.096c.356-.178.576-.407.804-.778a.75.75 0 0 0-1.28-.784a1 1 0 0 1-.126.176a.2.2 0 0 1-.032.025l-.033.006h-.007l-.02-.01a.4.4 0 0 1-.063-.05a1.5 1.5 0 0 1-.203-.257a6 6 0 0 1-.158-.258l-.06-.103a47 47 0 0 0-1.021-1.799zm-6.182.242h.002Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M8.915 3.541c.29-.04.473-.033.613-.005a1.5 1.5 0 0 1 .486.207a.75.75 0 1 0 .772-1.286a3 3 0 0 0-.964-.392c-.359-.072-.724-.065-1.128-.007l-.018.002c-.8.134-1.427.547-1.855 1.162c-.413.596-.613 1.34-.67 2.125L6.15 5.4v.008l-.001.024l-.003.083l-.013.27c-.01.222-.027.52-.046.872l-.005.093H4.8a.75.75 0 0 0 0 1.5h1.195l-.057.968a417 417 0 0 1-.287 4.522c-.107 1.284-.22 2.138-1.027 2.61c-.403.229-1.019.215-1.69-.12a.75.75 0 1 0-.67 1.341c.927.464 2.11.65 3.107.08l.006-.003c1.533-.895 1.668-2.55 1.76-3.666l.01-.12v-.004c.059-.769.225-3.46.35-5.608H9.3a.75.75 0 1 0 0-1.5H7.584c.037-.668.062-1.156.065-1.316c.046-.606.195-1.055.404-1.356a1.25 1.25 0 0 1 .862-.537m7.865 6.74a.75.75 0 0 0-1.06-1.061l-2.579 2.578a36 36 0 0 1-.76-1.353l-.073-.117c-.153-.245-.381-.611-.658-.867a1.6 1.6 0 0 0-.736-.403a1.55 1.55 0 0 0-.957.102a1 1 0 0 0-.14.078l-.033.023c-.086.06-.183.128-.283.232c-.045.047-.09.1-.132.149l-.022.026l-.164.19a.75.75 0 0 0 1.134.983l.173-.202l.021-.025l.067-.077l.012-.009q.014.01.041.034c.057.052.125.135.212.263a8 8 0 0 1 .168.259l.088.14c.121.235.49.897.946 1.67L9.22 15.72a.75.75 0 1 0 1.06 1.06l2.662-2.661a39 39 0 0 1 .816 1.452q.023.036.05.086c.13.221.35.597.64.872c.18.172.422.34.733.422a1.6 1.6 0 0 0 1.056-.096c.356-.178.576-.407.804-.778a.75.75 0 0 0-1.28-.784a1 1 0 0 1-.126.176a.2.2 0 0 1-.032.025l-.033.006h-.007l-.02-.01a.4.4 0 0 1-.063-.05a1.5 1.5 0 0 1-.203-.257a6 6 0 0 1-.158-.258l-.06-.103a47 47 0 0 0-1.021-1.799zm-6.182.242h.002Z"/></svg> </template>
CSS
.icon-math-formula-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%22M8.915%203.541c.29-.04.473-.033.613-.005a1.5%201.5%200%200%201%20.486.207a.75.75%200%201%200%20.772-1.286a3%203%200%200%200-.964-.392c-.359-.072-.724-.065-1.128-.007l-.018.002c-.8.134-1.427.547-1.855%201.162c-.413.596-.613%201.34-.67%202.125L6.15%205.4v.008l-.001.024l-.003.083l-.013.27c-.01.222-.027.52-.046.872l-.005.093H4.8a.75.75%200%200%200%200%201.5h1.195l-.057.968a417%20417%200%200%201-.287%204.522c-.107%201.284-.22%202.138-1.027%202.61c-.403.229-1.019.215-1.69-.12a.75.75%200%201%200-.67%201.341c.927.464%202.11.65%203.107.08l.006-.003c1.533-.895%201.668-2.55%201.76-3.666l.01-.12v-.004c.059-.769.225-3.46.35-5.608H9.3a.75.75%200%201%200%200-1.5H7.584c.037-.668.062-1.156.065-1.316c.046-.606.195-1.055.404-1.356a1.25%201.25%200%200%201%20.862-.537m7.865%206.74a.75.75%200%200%200-1.06-1.061l-2.579%202.578a36%2036%200%200%201-.76-1.353l-.073-.117c-.153-.245-.381-.611-.658-.867a1.6%201.6%200%200%200-.736-.403a1.55%201.55%200%200%200-.957.102a1%201%200%200%200-.14.078l-.033.023c-.086.06-.183.128-.283.232c-.045.047-.09.1-.132.149l-.022.026l-.164.19a.75.75%200%200%200%201.134.983l.173-.202l.021-.025l.067-.077l.012-.009q.014.01.041.034c.057.052.125.135.212.263a8%208%200%200%201%20.168.259l.088.14c.121.235.49.897.946%201.67L9.22%2015.72a.75.75%200%201%200%201.06%201.06l2.662-2.661a39%2039%200%200%201%20.816%201.452q.023.036.05.086c.13.221.35.597.64.872c.18.172.422.34.733.422a1.6%201.6%200%200%200%201.056-.096c.356-.178.576-.407.804-.778a.75.75%200%200%200-1.28-.784a1%201%200%200%201-.126.176a.2.2%200%200%201-.032.025l-.033.006h-.007l-.02-.01a.4.4%200%200%201-.063-.05a1.5%201.5%200%200%201-.203-.257a6%206%200%200%201-.158-.258l-.06-.103a47%2047%200%200%200-1.021-1.799zm-6.182.242h.002Z%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%22M8.915%203.541c.29-.04.473-.033.613-.005a1.5%201.5%200%200%201%20.486.207a.75.75%200%201%200%20.772-1.286a3%203%200%200%200-.964-.392c-.359-.072-.724-.065-1.128-.007l-.018.002c-.8.134-1.427.547-1.855%201.162c-.413.596-.613%201.34-.67%202.125L6.15%205.4v.008l-.001.024l-.003.083l-.013.27c-.01.222-.027.52-.046.872l-.005.093H4.8a.75.75%200%200%200%200%201.5h1.195l-.057.968a417%20417%200%200%201-.287%204.522c-.107%201.284-.22%202.138-1.027%202.61c-.403.229-1.019.215-1.69-.12a.75.75%200%201%200-.67%201.341c.927.464%202.11.65%203.107.08l.006-.003c1.533-.895%201.668-2.55%201.76-3.666l.01-.12v-.004c.059-.769.225-3.46.35-5.608H9.3a.75.75%200%201%200%200-1.5H7.584c.037-.668.062-1.156.065-1.316c.046-.606.195-1.055.404-1.356a1.25%201.25%200%200%201%20.862-.537m7.865%206.74a.75.75%200%200%200-1.06-1.061l-2.579%202.578a36%2036%200%200%201-.76-1.353l-.073-.117c-.153-.245-.381-.611-.658-.867a1.6%201.6%200%200%200-.736-.403a1.55%201.55%200%200%200-.957.102a1%201%200%200%200-.14.078l-.033.023c-.086.06-.183.128-.283.232c-.045.047-.09.1-.132.149l-.022.026l-.164.19a.75.75%200%200%200%201.134.983l.173-.202l.021-.025l.067-.077l.012-.009q.014.01.041.034c.057.052.125.135.212.263a8%208%200%200%201%20.168.259l.088.14c.121.235.49.897.946%201.67L9.22%2015.72a.75.75%200%201%200%201.06%201.06l2.662-2.661a39%2039%200%200%201%20.816%201.452q.023.036.05.086c.13.221.35.597.64.872c.18.172.422.34.733.422a1.6%201.6%200%200%200%201.056-.096c.356-.178.576-.407.804-.778a.75.75%200%200%200-1.28-.784a1%201%200%200%201-.126.176a.2.2%200%200%201-.032.025l-.033.006h-.007l-.02-.01a.4.4%200%200%201-.063-.05a1.5%201.5%200%200%201-.203-.257a6%206%200%200%201-.158-.258l-.06-.103a47%2047%200%200%200-1.021-1.799zm-6.182.242h.002Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/math-formula-20-filled.svg?color=%231a73e8&size=48
