settings chat icon
settings-chat-16-regular from Fluent UI System Icons by Microsoft Corporation · 16 Regular · MIT Free for personal and commercial use.
- Name
- settings-chat-16-regular
- Set
- Fluent UI System Icons
- Style
- 16 Regular
- Viewbox
- 16×16
- 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 16 16"><path fill="currentColor" d="M7 5a2 2 0 0 0-.38 3.964q.282-.545.675-1.008a1 1 0 1 1 .66-.661a5.5 5.5 0 0 1 1.009-.676A2 2 0 0 0 7 5M4.203 9.618a1.71 1.71 0 0 1 1.87.99a5.5 5.5 0 0 0 .12 2.336a6 6 0 0 1-.453-.078a.35.35 0 0 1-.275-.281l-.259-1.416a.708.708 0 0 0-.935-.538l-1.36.484a.36.36 0 0 1-.382-.095a6 6 0 0 1-1.262-2.173a.35.35 0 0 1 .108-.378l1.102-.931a.704.704 0 0 0 0-1.076l-1.102-.931a.35.35 0 0 1-.108-.378A6 6 0 0 1 2.53 2.98a.36.36 0 0 1 .382-.095l1.36.484a.71.71 0 0 0 .935-.538l.26-1.416a.35.35 0 0 1 .274-.282a6.1 6.1 0 0 1 2.52 0c.14.03.248.141.274.282l.26 1.416a.708.708 0 0 0 .935.538l1.36-.484a.36.36 0 0 1 .382.095a6 6 0 0 1 1.262 2.173a.35.35 0 0 1-.108.378l-.586.495a5.6 5.6 0 0 0-1.499.058q.136-.214.337-.386l.755-.637a5 5 0 0 0-.63-1.084l-.937.334a1.708 1.708 0 0 1-2.255-1.3l-.178-.97a5 5 0 0 0-1.265 0l-.177.97q-.026.137-.072.268a1.71 1.71 0 0 1-2.183 1.032L3 3.977a5 5 0 0 0-.63 1.084l.754.637q.106.09.196.196c.614.72.524 1.798-.196 2.407l-.755.638c.164.386.376.75.63 1.084l.937-.334q.131-.046.268-.071M11.5 16a4.5 4.5 0 1 0-3.936-2.318l-.545 1.789a.41.41 0 0 0 .51.51l1.79-.544A4.5 4.5 0 0 0 11.5 16M9 10.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5m.5 2.5a.5.5 0 0 1 0-1h2a.5.5 0 0 1 0 1z"/></svg>
React
import type { SVGProps } from "react";
export function FluentSettingsChat16Regular(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M7 5a2 2 0 0 0-.38 3.964q.282-.545.675-1.008a1 1 0 1 1 .66-.661a5.5 5.5 0 0 1 1.009-.676A2 2 0 0 0 7 5M4.203 9.618a1.71 1.71 0 0 1 1.87.99a5.5 5.5 0 0 0 .12 2.336a6 6 0 0 1-.453-.078a.35.35 0 0 1-.275-.281l-.259-1.416a.708.708 0 0 0-.935-.538l-1.36.484a.36.36 0 0 1-.382-.095a6 6 0 0 1-1.262-2.173a.35.35 0 0 1 .108-.378l1.102-.931a.704.704 0 0 0 0-1.076l-1.102-.931a.35.35 0 0 1-.108-.378A6 6 0 0 1 2.53 2.98a.36.36 0 0 1 .382-.095l1.36.484a.71.71 0 0 0 .935-.538l.26-1.416a.35.35 0 0 1 .274-.282a6.1 6.1 0 0 1 2.52 0c.14.03.248.141.274.282l.26 1.416a.708.708 0 0 0 .935.538l1.36-.484a.36.36 0 0 1 .382.095a6 6 0 0 1 1.262 2.173a.35.35 0 0 1-.108.378l-.586.495a5.6 5.6 0 0 0-1.499.058q.136-.214.337-.386l.755-.637a5 5 0 0 0-.63-1.084l-.937.334a1.708 1.708 0 0 1-2.255-1.3l-.178-.97a5 5 0 0 0-1.265 0l-.177.97q-.026.137-.072.268a1.71 1.71 0 0 1-2.183 1.032L3 3.977a5 5 0 0 0-.63 1.084l.754.637q.106.09.196.196c.614.72.524 1.798-.196 2.407l-.755.638c.164.386.376.75.63 1.084l.937-.334q.131-.046.268-.071M11.5 16a4.5 4.5 0 1 0-3.936-2.318l-.545 1.789a.41.41 0 0 0 .51.51l1.79-.544A4.5 4.5 0 0 0 11.5 16M9 10.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5m.5 2.5a.5.5 0 0 1 0-1h2a.5.5 0 0 1 0 1z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M7 5a2 2 0 0 0-.38 3.964q.282-.545.675-1.008a1 1 0 1 1 .66-.661a5.5 5.5 0 0 1 1.009-.676A2 2 0 0 0 7 5M4.203 9.618a1.71 1.71 0 0 1 1.87.99a5.5 5.5 0 0 0 .12 2.336a6 6 0 0 1-.453-.078a.35.35 0 0 1-.275-.281l-.259-1.416a.708.708 0 0 0-.935-.538l-1.36.484a.36.36 0 0 1-.382-.095a6 6 0 0 1-1.262-2.173a.35.35 0 0 1 .108-.378l1.102-.931a.704.704 0 0 0 0-1.076l-1.102-.931a.35.35 0 0 1-.108-.378A6 6 0 0 1 2.53 2.98a.36.36 0 0 1 .382-.095l1.36.484a.71.71 0 0 0 .935-.538l.26-1.416a.35.35 0 0 1 .274-.282a6.1 6.1 0 0 1 2.52 0c.14.03.248.141.274.282l.26 1.416a.708.708 0 0 0 .935.538l1.36-.484a.36.36 0 0 1 .382.095a6 6 0 0 1 1.262 2.173a.35.35 0 0 1-.108.378l-.586.495a5.6 5.6 0 0 0-1.499.058q.136-.214.337-.386l.755-.637a5 5 0 0 0-.63-1.084l-.937.334a1.708 1.708 0 0 1-2.255-1.3l-.178-.97a5 5 0 0 0-1.265 0l-.177.97q-.026.137-.072.268a1.71 1.71 0 0 1-2.183 1.032L3 3.977a5 5 0 0 0-.63 1.084l.754.637q.106.09.196.196c.614.72.524 1.798-.196 2.407l-.755.638c.164.386.376.75.63 1.084l.937-.334q.131-.046.268-.071M11.5 16a4.5 4.5 0 1 0-3.936-2.318l-.545 1.789a.41.41 0 0 0 .51.51l1.79-.544A4.5 4.5 0 0 0 11.5 16M9 10.5a.5.5 0 0 1 .5-.5h4a.5.5 0 0 1 0 1h-4a.5.5 0 0 1-.5-.5m.5 2.5a.5.5 0 0 1 0-1h2a.5.5 0 0 1 0 1z"/></svg> </template>
CSS
.icon-settings-chat-16-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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7%205a2%202%200%200%200-.38%203.964q.282-.545.675-1.008a1%201%200%201%201%20.66-.661a5.5%205.5%200%200%201%201.009-.676A2%202%200%200%200%207%205M4.203%209.618a1.71%201.71%200%200%201%201.87.99a5.5%205.5%200%200%200%20.12%202.336a6%206%200%200%201-.453-.078a.35.35%200%200%201-.275-.281l-.259-1.416a.708.708%200%200%200-.935-.538l-1.36.484a.36.36%200%200%201-.382-.095a6%206%200%200%201-1.262-2.173a.35.35%200%200%201%20.108-.378l1.102-.931a.704.704%200%200%200%200-1.076l-1.102-.931a.35.35%200%200%201-.108-.378A6%206%200%200%201%202.53%202.98a.36.36%200%200%201%20.382-.095l1.36.484a.71.71%200%200%200%20.935-.538l.26-1.416a.35.35%200%200%201%20.274-.282a6.1%206.1%200%200%201%202.52%200c.14.03.248.141.274.282l.26%201.416a.708.708%200%200%200%20.935.538l1.36-.484a.36.36%200%200%201%20.382.095a6%206%200%200%201%201.262%202.173a.35.35%200%200%201-.108.378l-.586.495a5.6%205.6%200%200%200-1.499.058q.136-.214.337-.386l.755-.637a5%205%200%200%200-.63-1.084l-.937.334a1.708%201.708%200%200%201-2.255-1.3l-.178-.97a5%205%200%200%200-1.265%200l-.177.97q-.026.137-.072.268a1.71%201.71%200%200%201-2.183%201.032L3%203.977a5%205%200%200%200-.63%201.084l.754.637q.106.09.196.196c.614.72.524%201.798-.196%202.407l-.755.638c.164.386.376.75.63%201.084l.937-.334q.131-.046.268-.071M11.5%2016a4.5%204.5%200%201%200-3.936-2.318l-.545%201.789a.41.41%200%200%200%20.51.51l1.79-.544A4.5%204.5%200%200%200%2011.5%2016M9%2010.5a.5.5%200%200%201%20.5-.5h4a.5.5%200%200%201%200%201h-4a.5.5%200%200%201-.5-.5m.5%202.5a.5.5%200%200%201%200-1h2a.5.5%200%200%201%200%201z%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M7%205a2%202%200%200%200-.38%203.964q.282-.545.675-1.008a1%201%200%201%201%20.66-.661a5.5%205.5%200%200%201%201.009-.676A2%202%200%200%200%207%205M4.203%209.618a1.71%201.71%200%200%201%201.87.99a5.5%205.5%200%200%200%20.12%202.336a6%206%200%200%201-.453-.078a.35.35%200%200%201-.275-.281l-.259-1.416a.708.708%200%200%200-.935-.538l-1.36.484a.36.36%200%200%201-.382-.095a6%206%200%200%201-1.262-2.173a.35.35%200%200%201%20.108-.378l1.102-.931a.704.704%200%200%200%200-1.076l-1.102-.931a.35.35%200%200%201-.108-.378A6%206%200%200%201%202.53%202.98a.36.36%200%200%201%20.382-.095l1.36.484a.71.71%200%200%200%20.935-.538l.26-1.416a.35.35%200%200%201%20.274-.282a6.1%206.1%200%200%201%202.52%200c.14.03.248.141.274.282l.26%201.416a.708.708%200%200%200%20.935.538l1.36-.484a.36.36%200%200%201%20.382.095a6%206%200%200%201%201.262%202.173a.35.35%200%200%201-.108.378l-.586.495a5.6%205.6%200%200%200-1.499.058q.136-.214.337-.386l.755-.637a5%205%200%200%200-.63-1.084l-.937.334a1.708%201.708%200%200%201-2.255-1.3l-.178-.97a5%205%200%200%200-1.265%200l-.177.97q-.026.137-.072.268a1.71%201.71%200%200%201-2.183%201.032L3%203.977a5%205%200%200%200-.63%201.084l.754.637q.106.09.196.196c.614.72.524%201.798-.196%202.407l-.755.638c.164.386.376.75.63%201.084l.937-.334q.131-.046.268-.071M11.5%2016a4.5%204.5%200%201%200-3.936-2.318l-.545%201.789a.41.41%200%200%200%20.51.51l1.79-.544A4.5%204.5%200%200%200%2011.5%2016M9%2010.5a.5.5%200%200%201%20.5-.5h4a.5.5%200%200%201%200%201h-4a.5.5%200%200%201-.5-.5m.5%202.5a.5.5%200%200%201%200-1h2a.5.5%200%200%201%200%201z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/settings-chat-16-regular.svg?color=%231a73e8&size=48
