IconSearch logoIconsearch
Home/Libraries/Fluent UI System Icons (Iconify)/math-formula-20-regular
← Back to Search
Fluent UI System Icons (Iconify)

MathFormula20Regular

License: MITCommercial Safe


<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 20 20"><path fill="#818cf8" d="M9.677 3.09c-.177-.035-.391-.04-.703.005a1.6 1.6 0 0 0-1.115.68c-.256.364-.412.863-.46 1.447c-.002.19-.035.87-.084 1.778H9.5a.5.5 0 0 1 0 1H7.26c-.126 2.25-.3 5.145-.361 5.938v.003l-.006.07c-.048.572-.104 1.252-.304 1.879c-.213.667-.6 1.31-1.33 1.738c-1.023.635-2.132.345-2.983-.08a.5.5 0 1 1 .448-.895c.747.374 1.436.483 2.011.123l.013-.008c.465-.27.727-.677.888-1.183c.165-.516.213-1.096.264-1.702l.002-.021v-.002c.06-.793.231-3.64.356-5.86H4.5a.5.5 0 1 1 0-1h1.813a76 76 0 0 0 .089-1.838c.054-.71.247-1.405.639-1.962c.4-.57.994-.973 1.783-1.094l.005-.001c.386-.055.722-.06 1.044.005c.324.065.604.193.884.361a.5.5 0 0 1-.514.858a1.7 1.7 0 0 0-.566-.239m7.177 6.056a.5.5 0 0 1 0 .708l-3.22 3.22a163 163 0 0 0 1.394 2.466l.041.072c.065.115.111.19.154.25c.06.084.117.144.244.214c.216.037.28-.008.306-.025a.6.6 0 0 0 .125-.127a4 4 0 0 0 .11-.145q.037-.053.092-.126a.5.5 0 0 1 .8.6l-.057.078c-.113.157-.28.39-.5.541c-.316.22-.692.268-1.148.17a.5.5 0 0 1-.12-.042a1.7 1.7 0 0 1-.666-.556a4 4 0 0 1-.208-.336l-.045-.079a134 134 0 0 1-1.257-2.22l-3.045 3.045a.5.5 0 0 1-.708-.707l3.246-3.246a150 150 0 0 0-1.14-2.024a3.6 3.6 0 0 0-.327-.549a1.1 1.1 0 0 0-.33-.317c-.061-.02-.117-.014-.205.041c-.12.074-.249.213-.39.401a.5.5 0 1 1-.8-.6c.158-.211.378-.473.66-.649c.302-.189.695-.287 1.125-.115q.02.007.038.017c.298.15.53.392.702.622c.17.228.308.476.413.685c.135.227.537.944.989 1.753l3.02-3.02a.5.5 0 0 1 .707 0"/></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard
Dashboard
Analytics
Settings

Overview Dashboard

PROGRESS STEPPER

3

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px
16px
24px
32px
48px

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. MathFormula20RegularIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.

Related Icons in Fluent UI System Icons (Iconify)

Browse all Fluent UI System Icons (Iconify) icons →
access-time-20-filled
access-time-20-filled
access-time-20-regular
access-time-20-regular
access-time-24-filled
access-time-24-filled
access-time-24-regular
access-time-24-regular
accessibility-16-filled
accessibility-16-filled
accessibility-16-regular
accessibility-16-regular
accessibility-20-filled
accessibility-20-filled
accessibility-20-regular
accessibility-20-regular
accessibility-24-filled
accessibility-24-filled
accessibility-24-regular
accessibility-24-regular
accessibility-28-filled
accessibility-28-filled
accessibility-28-regular
accessibility-28-regular