math formula icon
math-formula-20-regular from Fluent UI System Icons by Microsoft Corporation · 20 Regular · MIT Free for personal and commercial use.
- Name
- math-formula-20-regular
- Set
- Fluent UI System Icons
- Style
- 20 Regular
- 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="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>
React
import type { SVGProps } from "react";
export function FluentMathFormula20Regular(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="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>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" 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> </template>
CSS
.icon-math-formula-20-regular {
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%22M9.677%203.09c-.177-.035-.391-.04-.703.005a1.6%201.6%200%200%200-1.115.68c-.256.364-.412.863-.46%201.447c-.002.19-.035.87-.084%201.778H9.5a.5.5%200%200%201%200%201H7.26c-.126%202.25-.3%205.145-.361%205.938v.003l-.006.07c-.048.572-.104%201.252-.304%201.879c-.213.667-.6%201.31-1.33%201.738c-1.023.635-2.132.345-2.983-.08a.5.5%200%201%201%20.448-.895c.747.374%201.436.483%202.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%200%201%201%200-1h1.813a76%2076%200%200%200%20.089-1.838c.054-.71.247-1.405.639-1.962c.4-.57.994-.973%201.783-1.094l.005-.001c.386-.055.722-.06%201.044.005c.324.065.604.193.884.361a.5.5%200%200%201-.514.858a1.7%201.7%200%200%200-.566-.239m7.177%206.056a.5.5%200%200%201%200%20.708l-3.22%203.22a163%20163%200%200%200%201.394%202.466l.041.072c.065.115.111.19.154.25c.06.084.117.144.244.214c.216.037.28-.008.306-.025a.6.6%200%200%200%20.125-.127a4%204%200%200%200%20.11-.145q.037-.053.092-.126a.5.5%200%200%201%20.8.6l-.057.078c-.113.157-.28.39-.5.541c-.316.22-.692.268-1.148.17a.5.5%200%200%201-.12-.042a1.7%201.7%200%200%201-.666-.556a4%204%200%200%201-.208-.336l-.045-.079a134%20134%200%200%201-1.257-2.22l-3.045%203.045a.5.5%200%200%201-.708-.707l3.246-3.246a150%20150%200%200%200-1.14-2.024a3.6%203.6%200%200%200-.327-.549a1.1%201.1%200%200%200-.33-.317c-.061-.02-.117-.014-.205.041c-.12.074-.249.213-.39.401a.5.5%200%201%201-.8-.6c.158-.211.378-.473.66-.649c.302-.189.695-.287%201.125-.115q.02.007.038.017c.298.15.53.392.702.622c.17.228.308.476.413.685c.135.227.537.944.989%201.753l3.02-3.02a.5.5%200%200%201%20.707%200%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%22M9.677%203.09c-.177-.035-.391-.04-.703.005a1.6%201.6%200%200%200-1.115.68c-.256.364-.412.863-.46%201.447c-.002.19-.035.87-.084%201.778H9.5a.5.5%200%200%201%200%201H7.26c-.126%202.25-.3%205.145-.361%205.938v.003l-.006.07c-.048.572-.104%201.252-.304%201.879c-.213.667-.6%201.31-1.33%201.738c-1.023.635-2.132.345-2.983-.08a.5.5%200%201%201%20.448-.895c.747.374%201.436.483%202.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%200%201%201%200-1h1.813a76%2076%200%200%200%20.089-1.838c.054-.71.247-1.405.639-1.962c.4-.57.994-.973%201.783-1.094l.005-.001c.386-.055.722-.06%201.044.005c.324.065.604.193.884.361a.5.5%200%200%201-.514.858a1.7%201.7%200%200%200-.566-.239m7.177%206.056a.5.5%200%200%201%200%20.708l-3.22%203.22a163%20163%200%200%200%201.394%202.466l.041.072c.065.115.111.19.154.25c.06.084.117.144.244.214c.216.037.28-.008.306-.025a.6.6%200%200%200%20.125-.127a4%204%200%200%200%20.11-.145q.037-.053.092-.126a.5.5%200%200%201%20.8.6l-.057.078c-.113.157-.28.39-.5.541c-.316.22-.692.268-1.148.17a.5.5%200%200%201-.12-.042a1.7%201.7%200%200%201-.666-.556a4%204%200%200%201-.208-.336l-.045-.079a134%20134%200%200%201-1.257-2.22l-3.045%203.045a.5.5%200%200%201-.708-.707l3.246-3.246a150%20150%200%200%200-1.14-2.024a3.6%203.6%200%200%200-.327-.549a1.1%201.1%200%200%200-.33-.317c-.061-.02-.117-.014-.205.041c-.12.074-.249.213-.39.401a.5.5%200%201%201-.8-.6c.158-.211.378-.473.66-.649c.302-.189.695-.287%201.125-.115q.02.007.038.017c.298.15.53.392.702.622c.17.228.308.476.413.685c.135.227.537.944.989%201.753l3.02-3.02a.5.5%200%200%201%20.707%200%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-regular.svg?color=%231a73e8&size=48
