settings chat icon
settings-chat-16-filled from Fluent UI System Icons by Microsoft Corporation · 16 Filled · MIT Free for personal and commercial use.
- Name
- settings-chat-16-filled
- Set
- Fluent UI System Icons
- Style
- 16 Filled
- 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="M1.267 5.153A6 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.47 5.47 0 0 0-3.307.72a1.75 1.75 0 1 0-1.985 1.986a5.5 5.5 0 0 0-.554 4.213a6 6 0 0 1-.453-.079a.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-.378M11.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 FluentSettingsChat16Filled(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="M1.267 5.153A6 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.47 5.47 0 0 0-3.307.72a1.75 1.75 0 1 0-1.985 1.986a5.5 5.5 0 0 0-.554 4.213a6 6 0 0 1-.453-.079a.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-.378M11.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="M1.267 5.153A6 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.47 5.47 0 0 0-3.307.72a1.75 1.75 0 1 0-1.985 1.986a5.5 5.5 0 0 0-.554 4.213a6 6 0 0 1-.453-.079a.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-.378M11.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-filled {
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%22M1.267%205.153A6%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.47%205.47%200%200%200-3.307.72a1.75%201.75%200%201%200-1.985%201.986a5.5%205.5%200%200%200-.554%204.213a6%206%200%200%201-.453-.079a.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-.378M11.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%22M1.267%205.153A6%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.47%205.47%200%200%200-3.307.72a1.75%201.75%200%201%200-1.985%201.986a5.5%205.5%200%200%200-.554%204.213a6%206%200%200%201-.453-.079a.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-.378M11.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-filled.svg?color=%231a73e8&size=48
