settings chat icon
settings-chat-24-regular from Fluent UI System Icons by Microsoft Corporation · 24 Regular · MIT Free for personal and commercial use.
- Name
- settings-chat-24-regular
- Set
- Fluent UI System Icons
- Style
- 24 Regular
- Viewbox
- 24×24
- License
- MIT
5 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
Use the settings chat icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.013 2.25c.734.008 1.465.093 2.182.253a.75.75 0 0 1 .582.649l.17 1.527a1.384 1.384 0 0 0 1.927 1.116l1.4-.615a.75.75 0 0 1 .85.174a9.8 9.8 0 0 1 2.205 3.792a.75.75 0 0 1-.272.825l-1.241.916a1.4 1.4 0 0 0-.37.409a6.5 6.5 0 0 0-1.52-.282a2.9 2.9 0 0 1 1-1.336l.798-.587a8.3 8.3 0 0 0-1.348-2.317l-.897.393a2.884 2.884 0 0 1-4.023-2.324l-.109-.976a9 9 0 0 0-1.334-.117a9 9 0 0 0-1.354.117l-.11.977A2.886 2.886 0 0 1 6.527 7.17l-.899-.394A8.3 8.3 0 0 0 4.28 9.092l.798.587a2.88 2.88 0 0 1 .001 4.643l-.799.588c.32.842.776 1.626 1.348 2.322l.905-.397a2.882 2.882 0 0 1 4.017 2.318l.109.984q.472.08.946.103l.011.024l-.441 1.45a9.5 9.5 0 0 1-1.375-.223a.75.75 0 0 1-.572-.647l-.169-1.524a1.382 1.382 0 0 0-1.925-1.11l-1.406.616a.75.75 0 0 1-.85-.175a9.8 9.8 0 0 1-2.203-3.796a.75.75 0 0 1 .272-.826l1.243-.916a1.38 1.38 0 0 0 0-2.226l-1.243-.914a.75.75 0 0 1-.272-.826A9.8 9.8 0 0 1 4.88 5.355a.75.75 0 0 1 .85-.174l1.4.615a1.387 1.387 0 0 0 1.93-1.118l.17-1.526a.75.75 0 0 1 .583-.65q1.074-.238 2.201-.252m5.74 9.756a5.504 5.504 0 0 1 5.25 5.496a5.5 5.5 0 0 1-8.168 4.812l-2.187.666a.5.5 0 0 1-.624-.625l.665-2.186a5.501 5.501 0 0 1 5.063-8.163M17.502 18h-2a.5.5 0 0 0-.396.807a.5.5 0 0 0 .395.194h2a.5.5 0 1 0 0-1m-2-1h4a.5.5 0 1 0 0-1h-4a.5.5 0 0 0-.366.841a.5.5 0 0 0 .365.16M12 8.25a3.75 3.75 0 0 1 3.677 3.01a6.5 6.5 0 0 0-1.43.612a2.25 2.25 0 1 0-2.375 2.374a6.5 6.5 0 0 0-.613 1.43A3.751 3.751 0 0 1 12 8.25"/></svg>
React
import type { SVGProps } from "react";
export function FluentSettingsChat24Regular(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="M12.013 2.25c.734.008 1.465.093 2.182.253a.75.75 0 0 1 .582.649l.17 1.527a1.384 1.384 0 0 0 1.927 1.116l1.4-.615a.75.75 0 0 1 .85.174a9.8 9.8 0 0 1 2.205 3.792a.75.75 0 0 1-.272.825l-1.241.916a1.4 1.4 0 0 0-.37.409a6.5 6.5 0 0 0-1.52-.282a2.9 2.9 0 0 1 1-1.336l.798-.587a8.3 8.3 0 0 0-1.348-2.317l-.897.393a2.884 2.884 0 0 1-4.023-2.324l-.109-.976a9 9 0 0 0-1.334-.117a9 9 0 0 0-1.354.117l-.11.977A2.886 2.886 0 0 1 6.527 7.17l-.899-.394A8.3 8.3 0 0 0 4.28 9.092l.798.587a2.88 2.88 0 0 1 .001 4.643l-.799.588c.32.842.776 1.626 1.348 2.322l.905-.397a2.882 2.882 0 0 1 4.017 2.318l.109.984q.472.08.946.103l.011.024l-.441 1.45a9.5 9.5 0 0 1-1.375-.223a.75.75 0 0 1-.572-.647l-.169-1.524a1.382 1.382 0 0 0-1.925-1.11l-1.406.616a.75.75 0 0 1-.85-.175a9.8 9.8 0 0 1-2.203-3.796a.75.75 0 0 1 .272-.826l1.243-.916a1.38 1.38 0 0 0 0-2.226l-1.243-.914a.75.75 0 0 1-.272-.826A9.8 9.8 0 0 1 4.88 5.355a.75.75 0 0 1 .85-.174l1.4.615a1.387 1.387 0 0 0 1.93-1.118l.17-1.526a.75.75 0 0 1 .583-.65q1.074-.238 2.201-.252m5.74 9.756a5.504 5.504 0 0 1 5.25 5.496a5.5 5.5 0 0 1-8.168 4.812l-2.187.666a.5.5 0 0 1-.624-.625l.665-2.186a5.501 5.501 0 0 1 5.063-8.163M17.502 18h-2a.5.5 0 0 0-.396.807a.5.5 0 0 0 .395.194h2a.5.5 0 1 0 0-1m-2-1h4a.5.5 0 1 0 0-1h-4a.5.5 0 0 0-.366.841a.5.5 0 0 0 .365.16M12 8.25a3.75 3.75 0 0 1 3.677 3.01a6.5 6.5 0 0 0-1.43.612a2.25 2.25 0 1 0-2.375 2.374a6.5 6.5 0 0 0-.613 1.43A3.751 3.751 0 0 1 12 8.25"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12.013 2.25c.734.008 1.465.093 2.182.253a.75.75 0 0 1 .582.649l.17 1.527a1.384 1.384 0 0 0 1.927 1.116l1.4-.615a.75.75 0 0 1 .85.174a9.8 9.8 0 0 1 2.205 3.792a.75.75 0 0 1-.272.825l-1.241.916a1.4 1.4 0 0 0-.37.409a6.5 6.5 0 0 0-1.52-.282a2.9 2.9 0 0 1 1-1.336l.798-.587a8.3 8.3 0 0 0-1.348-2.317l-.897.393a2.884 2.884 0 0 1-4.023-2.324l-.109-.976a9 9 0 0 0-1.334-.117a9 9 0 0 0-1.354.117l-.11.977A2.886 2.886 0 0 1 6.527 7.17l-.899-.394A8.3 8.3 0 0 0 4.28 9.092l.798.587a2.88 2.88 0 0 1 .001 4.643l-.799.588c.32.842.776 1.626 1.348 2.322l.905-.397a2.882 2.882 0 0 1 4.017 2.318l.109.984q.472.08.946.103l.011.024l-.441 1.45a9.5 9.5 0 0 1-1.375-.223a.75.75 0 0 1-.572-.647l-.169-1.524a1.382 1.382 0 0 0-1.925-1.11l-1.406.616a.75.75 0 0 1-.85-.175a9.8 9.8 0 0 1-2.203-3.796a.75.75 0 0 1 .272-.826l1.243-.916a1.38 1.38 0 0 0 0-2.226l-1.243-.914a.75.75 0 0 1-.272-.826A9.8 9.8 0 0 1 4.88 5.355a.75.75 0 0 1 .85-.174l1.4.615a1.387 1.387 0 0 0 1.93-1.118l.17-1.526a.75.75 0 0 1 .583-.65q1.074-.238 2.201-.252m5.74 9.756a5.504 5.504 0 0 1 5.25 5.496a5.5 5.5 0 0 1-8.168 4.812l-2.187.666a.5.5 0 0 1-.624-.625l.665-2.186a5.501 5.501 0 0 1 5.063-8.163M17.502 18h-2a.5.5 0 0 0-.396.807a.5.5 0 0 0 .395.194h2a.5.5 0 1 0 0-1m-2-1h4a.5.5 0 1 0 0-1h-4a.5.5 0 0 0-.366.841a.5.5 0 0 0 .365.16M12 8.25a3.75 3.75 0 0 1 3.677 3.01a6.5 6.5 0 0 0-1.43.612a2.25 2.25 0 1 0-2.375 2.374a6.5 6.5 0 0 0-.613 1.43A3.751 3.751 0 0 1 12 8.25"/></svg> </template>
CSS
.icon-settings-chat-24-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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.013%202.25c.734.008%201.465.093%202.182.253a.75.75%200%200%201%20.582.649l.17%201.527a1.384%201.384%200%200%200%201.927%201.116l1.4-.615a.75.75%200%200%201%20.85.174a9.8%209.8%200%200%201%202.205%203.792a.75.75%200%200%201-.272.825l-1.241.916a1.4%201.4%200%200%200-.37.409a6.5%206.5%200%200%200-1.52-.282a2.9%202.9%200%200%201%201-1.336l.798-.587a8.3%208.3%200%200%200-1.348-2.317l-.897.393a2.884%202.884%200%200%201-4.023-2.324l-.109-.976a9%209%200%200%200-1.334-.117a9%209%200%200%200-1.354.117l-.11.977A2.886%202.886%200%200%201%206.527%207.17l-.899-.394A8.3%208.3%200%200%200%204.28%209.092l.798.587a2.88%202.88%200%200%201%20.001%204.643l-.799.588c.32.842.776%201.626%201.348%202.322l.905-.397a2.882%202.882%200%200%201%204.017%202.318l.109.984q.472.08.946.103l.011.024l-.441%201.45a9.5%209.5%200%200%201-1.375-.223a.75.75%200%200%201-.572-.647l-.169-1.524a1.382%201.382%200%200%200-1.925-1.11l-1.406.616a.75.75%200%200%201-.85-.175a9.8%209.8%200%200%201-2.203-3.796a.75.75%200%200%201%20.272-.826l1.243-.916a1.38%201.38%200%200%200%200-2.226l-1.243-.914a.75.75%200%200%201-.272-.826A9.8%209.8%200%200%201%204.88%205.355a.75.75%200%200%201%20.85-.174l1.4.615a1.387%201.387%200%200%200%201.93-1.118l.17-1.526a.75.75%200%200%201%20.583-.65q1.074-.238%202.201-.252m5.74%209.756a5.504%205.504%200%200%201%205.25%205.496a5.5%205.5%200%200%201-8.168%204.812l-2.187.666a.5.5%200%200%201-.624-.625l.665-2.186a5.501%205.501%200%200%201%205.063-8.163M17.502%2018h-2a.5.5%200%200%200-.396.807a.5.5%200%200%200%20.395.194h2a.5.5%200%201%200%200-1m-2-1h4a.5.5%200%201%200%200-1h-4a.5.5%200%200%200-.366.841a.5.5%200%200%200%20.365.16M12%208.25a3.75%203.75%200%200%201%203.677%203.01a6.5%206.5%200%200%200-1.43.612a2.25%202.25%200%201%200-2.375%202.374a6.5%206.5%200%200%200-.613%201.43A3.751%203.751%200%200%201%2012%208.25%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%22M12.013%202.25c.734.008%201.465.093%202.182.253a.75.75%200%200%201%20.582.649l.17%201.527a1.384%201.384%200%200%200%201.927%201.116l1.4-.615a.75.75%200%200%201%20.85.174a9.8%209.8%200%200%201%202.205%203.792a.75.75%200%200%201-.272.825l-1.241.916a1.4%201.4%200%200%200-.37.409a6.5%206.5%200%200%200-1.52-.282a2.9%202.9%200%200%201%201-1.336l.798-.587a8.3%208.3%200%200%200-1.348-2.317l-.897.393a2.884%202.884%200%200%201-4.023-2.324l-.109-.976a9%209%200%200%200-1.334-.117a9%209%200%200%200-1.354.117l-.11.977A2.886%202.886%200%200%201%206.527%207.17l-.899-.394A8.3%208.3%200%200%200%204.28%209.092l.798.587a2.88%202.88%200%200%201%20.001%204.643l-.799.588c.32.842.776%201.626%201.348%202.322l.905-.397a2.882%202.882%200%200%201%204.017%202.318l.109.984q.472.08.946.103l.011.024l-.441%201.45a9.5%209.5%200%200%201-1.375-.223a.75.75%200%200%201-.572-.647l-.169-1.524a1.382%201.382%200%200%200-1.925-1.11l-1.406.616a.75.75%200%200%201-.85-.175a9.8%209.8%200%200%201-2.203-3.796a.75.75%200%200%201%20.272-.826l1.243-.916a1.38%201.38%200%200%200%200-2.226l-1.243-.914a.75.75%200%200%201-.272-.826A9.8%209.8%200%200%201%204.88%205.355a.75.75%200%200%201%20.85-.174l1.4.615a1.387%201.387%200%200%200%201.93-1.118l.17-1.526a.75.75%200%200%201%20.583-.65q1.074-.238%202.201-.252m5.74%209.756a5.504%205.504%200%200%201%205.25%205.496a5.5%205.5%200%200%201-8.168%204.812l-2.187.666a.5.5%200%200%201-.624-.625l.665-2.186a5.501%205.501%200%200%201%205.063-8.163M17.502%2018h-2a.5.5%200%200%200-.396.807a.5.5%200%200%200%20.395.194h2a.5.5%200%201%200%200-1m-2-1h4a.5.5%200%201%200%200-1h-4a.5.5%200%200%200-.366.841a.5.5%200%200%200%20.365.16M12%208.25a3.75%203.75%200%200%201%203.677%203.01a6.5%206.5%200%200%200-1.43.612a2.25%202.25%200%201%200-2.375%202.374a6.5%206.5%200%200%200-.613%201.43A3.751%203.751%200%200%201%2012%208.25%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/settings-chat-24-regular.svg?color=%231a73e8&size=48
