Math Format Professional icon
Used in formula formats in math formula scenarios. The Math Format Professional icon is part of Microsoft's Fluent UI System Icons, available here in filled and regular (outlined) styles on a 24 px grid. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.
Use the Math Format Professional icon in React
Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.
npm install @fluentui/react-icons
import { MathFormatProfessional24Regular, MathFormatProfessional24Filled } from "@fluentui/react-icons";
export function Example() {
return <MathFormatProfessional24Regular aria-label="Math Format Professional" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_math_format_professional_24_regular.svg" width="24" height="24" alt="Math Format Professional"> Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.6619 4.83031C15.444 4.43975 14.9349 4.32546 14.571 4.5854L14.1857 4.8606C13.8487 5.10136 13.3803 5.02329 13.1395 4.68623C12.8988 4.34917 12.9768 3.88076 13.3139 3.64L13.6992 3.3648C14.7909 2.58497 16.3182 2.92784 16.9719 4.09952L17.6408 5.29863L19.7195 3.21997C20.0124 2.92708 20.4873 2.92708 20.7801 3.21997C21.073 3.51287 21.073 3.98774 20.7801 4.28063L18.4005 6.6603L19.2854 8.24653C19.5123 8.65329 20.0512 8.75701 20.4129 8.46352L20.7772 8.16791C21.0989 7.90692 21.5712 7.95609 21.8322 8.27773C22.0932 8.59938 22.044 9.0717 21.7224 9.33269L21.3581 9.62831C20.273 10.5088 18.6562 10.1976 17.9755 8.97732L17.2979 7.76285L15.2801 9.78063C14.9873 10.0735 14.5124 10.0735 14.2195 9.78063C13.9266 9.48774 13.9266 9.01287 14.2195 8.71997L16.5383 6.40118L15.6619 4.83031ZM8.3481 13.8925C6.8958 14.176 5.25506 14.2387 3.67182 14.2487C3.32864 15.4978 3.43383 16.4073 3.73847 17.0359C4.07913 17.7389 4.73135 18.2197 5.61076 18.4391C7.40917 18.8877 9.97766 18.1761 11.6857 16.2273C11.9587 15.9158 12.4325 15.8846 12.744 16.1576C13.0555 16.4307 13.0867 16.9045 12.8137 17.216C10.7717 19.5459 7.64293 20.492 5.24769 19.8945C4.03028 19.5907 2.96158 18.8725 2.38861 17.6901C1.8191 16.5148 1.80238 15.0116 2.41103 13.2548C3.23443 10.8781 4.48233 9.40267 5.72871 8.48876C6.96772 7.58027 8.16539 7.25568 8.84918 7.11559C10.4042 6.79702 11.7561 7.24056 12.4999 8.21696C13.2536 9.20635 13.2403 10.5636 12.4048 11.7046C11.4808 12.9666 9.9571 13.5785 8.3481 13.8925ZM9.15022 8.58507C8.58401 8.70107 7.61668 8.96445 6.61569 9.69842C5.79242 10.3021 4.91871 11.2442 4.23002 12.7424C5.59196 12.7206 6.90744 12.6454 8.06076 12.4203C9.53825 12.1319 10.6045 11.6243 11.1946 10.8185C11.6833 10.151 11.6127 9.52759 11.3067 9.12595C10.9908 8.71132 10.2806 8.3535 9.15022 8.58507Z" fill="currentColor"/></svg>Use it from the SVG package
Microsoft's @fluentui/svg-icons package contains the raw SVG files, which works well with bundlers that import SVGs:
npm install @fluentui/svg-icons
import icon from "@fluentui/svg-icons/icons/math_format_professional_24_regular.svg";Details
| Name | Math Format Professional |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_math_format_professional_24_regular.svg |
| Filled file | ic_fluent_math_format_professional_24_filled.svg |
| React components | MathFormatProfessional24Regular, MathFormatProfessional24Filled |
| License | MIT (© Microsoft Corporation) |