settings cog multiple icon
settings-cog-multiple-20-filled from Fluent UI System Icons by Microsoft Corporation · 20 Filled · MIT Free for personal and commercial use.
- Name
- settings-cog-multiple-20-filled
- Set
- Fluent UI System Icons
- Style
- 20 Filled
- Viewbox
- 20×20
- License
- MIT
3 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
Use the settings cog multiple icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M15.003 11q.221 0 .436.023c.2.022.355.178.397.373l.222 1.036a.5.5 0 0 0 .642.37l1.005-.325a.47.47 0 0 1 .522.156q.26.352.438.757a.465.465 0 0 1-.125.529l-.786.71a.5.5 0 0 0 0 .742l.786.71a.465.465 0 0 1 .125.528q-.18.405-.438.757a.47.47 0 0 1-.522.157l-1.005-.326a.5.5 0 0 0-.642.371l-.222 1.034a.47.47 0 0 1-.396.374a4 4 0 0 1-.874 0a.465.465 0 0 1-.396-.373l-.22-1.035a.5.5 0 0 0-.644-.37l-1.006.325a.46.46 0 0 1-.52-.157a4 4 0 0 1-.438-.758a.465.465 0 0 1 .125-.529l.785-.708a.5.5 0 0 0 0-.742l-.785-.71a.465.465 0 0 1-.125-.528q.178-.406.437-.758a.46.46 0 0 1 .52-.156l1.007.326a.5.5 0 0 0 .643-.371l.22-1.036a.465.465 0 0 1 .397-.373q.216-.023.437-.023m0 3a1 1 0 1 0 0 2a1 1 0 0 0 0-2M7.5 1q.455 0 .892.063l.288.045l.073.02a.5.5 0 0 1 .326.368l.395 1.844a.5.5 0 0 0 .642.37l1.792-.58l.073-.018a.5.5 0 0 1 .461.168a6.5 6.5 0 0 1 1.184 2.046a.5.5 0 0 1-.137.538l-1.4 1.265a.5.5 0 0 0 0 .742l1.4 1.264a.5.5 0 0 1 .137.538a6.5 6.5 0 0 1-1.184 2.046a.5.5 0 0 1-.534.15l-1.792-.58a.5.5 0 0 0-.642.371l-.395 1.843a.5.5 0 0 1-.4.388q-.57.107-1.179.109c-.405 0-.8-.04-1.182-.11a.5.5 0 0 1-.398-.387l-.394-1.843a.5.5 0 0 0-.642-.37l-1.793.58a.5.5 0 0 1-.534-.151a6.5 6.5 0 0 1-1.184-2.046a.5.5 0 0 1 .137-.538l1.4-1.264a.5.5 0 0 0 .072-.661l-.072-.081l-1.4-1.265a.5.5 0 0 1-.137-.538A6.5 6.5 0 0 1 2.556 3.28l.052-.052a.5.5 0 0 1 .482-.098l1.793.58a.5.5 0 0 0 .642-.37l.394-1.844l.021-.072a.5.5 0 0 1 .377-.316Q6.891 1.001 7.5 1m0 4.75a1.75 1.75 0 1 0 0 3.5a1.75 1.75 0 0 0 0-3.5"/></svg>
React
import type { SVGProps } from "react";
export function FluentSettingsCogMultiple20Filled(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="M15.003 11q.221 0 .436.023c.2.022.355.178.397.373l.222 1.036a.5.5 0 0 0 .642.37l1.005-.325a.47.47 0 0 1 .522.156q.26.352.438.757a.465.465 0 0 1-.125.529l-.786.71a.5.5 0 0 0 0 .742l.786.71a.465.465 0 0 1 .125.528q-.18.405-.438.757a.47.47 0 0 1-.522.157l-1.005-.326a.5.5 0 0 0-.642.371l-.222 1.034a.47.47 0 0 1-.396.374a4 4 0 0 1-.874 0a.465.465 0 0 1-.396-.373l-.22-1.035a.5.5 0 0 0-.644-.37l-1.006.325a.46.46 0 0 1-.52-.157a4 4 0 0 1-.438-.758a.465.465 0 0 1 .125-.529l.785-.708a.5.5 0 0 0 0-.742l-.785-.71a.465.465 0 0 1-.125-.528q.178-.406.437-.758a.46.46 0 0 1 .52-.156l1.007.326a.5.5 0 0 0 .643-.371l.22-1.036a.465.465 0 0 1 .397-.373q.216-.023.437-.023m0 3a1 1 0 1 0 0 2a1 1 0 0 0 0-2M7.5 1q.455 0 .892.063l.288.045l.073.02a.5.5 0 0 1 .326.368l.395 1.844a.5.5 0 0 0 .642.37l1.792-.58l.073-.018a.5.5 0 0 1 .461.168a6.5 6.5 0 0 1 1.184 2.046a.5.5 0 0 1-.137.538l-1.4 1.265a.5.5 0 0 0 0 .742l1.4 1.264a.5.5 0 0 1 .137.538a6.5 6.5 0 0 1-1.184 2.046a.5.5 0 0 1-.534.15l-1.792-.58a.5.5 0 0 0-.642.371l-.395 1.843a.5.5 0 0 1-.4.388q-.57.107-1.179.109c-.405 0-.8-.04-1.182-.11a.5.5 0 0 1-.398-.387l-.394-1.843a.5.5 0 0 0-.642-.37l-1.793.58a.5.5 0 0 1-.534-.151a6.5 6.5 0 0 1-1.184-2.046a.5.5 0 0 1 .137-.538l1.4-1.264a.5.5 0 0 0 .072-.661l-.072-.081l-1.4-1.265a.5.5 0 0 1-.137-.538A6.5 6.5 0 0 1 2.556 3.28l.052-.052a.5.5 0 0 1 .482-.098l1.793.58a.5.5 0 0 0 .642-.37l.394-1.844l.021-.072a.5.5 0 0 1 .377-.316Q6.891 1.001 7.5 1m0 4.75a1.75 1.75 0 1 0 0 3.5a1.75 1.75 0 0 0 0-3.5"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 20 20"><path fill="currentColor" d="M15.003 11q.221 0 .436.023c.2.022.355.178.397.373l.222 1.036a.5.5 0 0 0 .642.37l1.005-.325a.47.47 0 0 1 .522.156q.26.352.438.757a.465.465 0 0 1-.125.529l-.786.71a.5.5 0 0 0 0 .742l.786.71a.465.465 0 0 1 .125.528q-.18.405-.438.757a.47.47 0 0 1-.522.157l-1.005-.326a.5.5 0 0 0-.642.371l-.222 1.034a.47.47 0 0 1-.396.374a4 4 0 0 1-.874 0a.465.465 0 0 1-.396-.373l-.22-1.035a.5.5 0 0 0-.644-.37l-1.006.325a.46.46 0 0 1-.52-.157a4 4 0 0 1-.438-.758a.465.465 0 0 1 .125-.529l.785-.708a.5.5 0 0 0 0-.742l-.785-.71a.465.465 0 0 1-.125-.528q.178-.406.437-.758a.46.46 0 0 1 .52-.156l1.007.326a.5.5 0 0 0 .643-.371l.22-1.036a.465.465 0 0 1 .397-.373q.216-.023.437-.023m0 3a1 1 0 1 0 0 2a1 1 0 0 0 0-2M7.5 1q.455 0 .892.063l.288.045l.073.02a.5.5 0 0 1 .326.368l.395 1.844a.5.5 0 0 0 .642.37l1.792-.58l.073-.018a.5.5 0 0 1 .461.168a6.5 6.5 0 0 1 1.184 2.046a.5.5 0 0 1-.137.538l-1.4 1.265a.5.5 0 0 0 0 .742l1.4 1.264a.5.5 0 0 1 .137.538a6.5 6.5 0 0 1-1.184 2.046a.5.5 0 0 1-.534.15l-1.792-.58a.5.5 0 0 0-.642.371l-.395 1.843a.5.5 0 0 1-.4.388q-.57.107-1.179.109c-.405 0-.8-.04-1.182-.11a.5.5 0 0 1-.398-.387l-.394-1.843a.5.5 0 0 0-.642-.37l-1.793.58a.5.5 0 0 1-.534-.151a6.5 6.5 0 0 1-1.184-2.046a.5.5 0 0 1 .137-.538l1.4-1.264a.5.5 0 0 0 .072-.661l-.072-.081l-1.4-1.265a.5.5 0 0 1-.137-.538A6.5 6.5 0 0 1 2.556 3.28l.052-.052a.5.5 0 0 1 .482-.098l1.793.58a.5.5 0 0 0 .642-.37l.394-1.844l.021-.072a.5.5 0 0 1 .377-.316Q6.891 1.001 7.5 1m0 4.75a1.75 1.75 0 1 0 0 3.5a1.75 1.75 0 0 0 0-3.5"/></svg> </template>
CSS
.icon-settings-cog-multiple-20-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%2020%2020%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.003%2011q.221%200%20.436.023c.2.022.355.178.397.373l.222%201.036a.5.5%200%200%200%20.642.37l1.005-.325a.47.47%200%200%201%20.522.156q.26.352.438.757a.465.465%200%200%201-.125.529l-.786.71a.5.5%200%200%200%200%20.742l.786.71a.465.465%200%200%201%20.125.528q-.18.405-.438.757a.47.47%200%200%201-.522.157l-1.005-.326a.5.5%200%200%200-.642.371l-.222%201.034a.47.47%200%200%201-.396.374a4%204%200%200%201-.874%200a.465.465%200%200%201-.396-.373l-.22-1.035a.5.5%200%200%200-.644-.37l-1.006.325a.46.46%200%200%201-.52-.157a4%204%200%200%201-.438-.758a.465.465%200%200%201%20.125-.529l.785-.708a.5.5%200%200%200%200-.742l-.785-.71a.465.465%200%200%201-.125-.528q.178-.406.437-.758a.46.46%200%200%201%20.52-.156l1.007.326a.5.5%200%200%200%20.643-.371l.22-1.036a.465.465%200%200%201%20.397-.373q.216-.023.437-.023m0%203a1%201%200%201%200%200%202a1%201%200%200%200%200-2M7.5%201q.455%200%20.892.063l.288.045l.073.02a.5.5%200%200%201%20.326.368l.395%201.844a.5.5%200%200%200%20.642.37l1.792-.58l.073-.018a.5.5%200%200%201%20.461.168a6.5%206.5%200%200%201%201.184%202.046a.5.5%200%200%201-.137.538l-1.4%201.265a.5.5%200%200%200%200%20.742l1.4%201.264a.5.5%200%200%201%20.137.538a6.5%206.5%200%200%201-1.184%202.046a.5.5%200%200%201-.534.15l-1.792-.58a.5.5%200%200%200-.642.371l-.395%201.843a.5.5%200%200%201-.4.388q-.57.107-1.179.109c-.405%200-.8-.04-1.182-.11a.5.5%200%200%201-.398-.387l-.394-1.843a.5.5%200%200%200-.642-.37l-1.793.58a.5.5%200%200%201-.534-.151a6.5%206.5%200%200%201-1.184-2.046a.5.5%200%200%201%20.137-.538l1.4-1.264a.5.5%200%200%200%20.072-.661l-.072-.081l-1.4-1.265a.5.5%200%200%201-.137-.538A6.5%206.5%200%200%201%202.556%203.28l.052-.052a.5.5%200%200%201%20.482-.098l1.793.58a.5.5%200%200%200%20.642-.37l.394-1.844l.021-.072a.5.5%200%200%201%20.377-.316Q6.891%201.001%207.5%201m0%204.75a1.75%201.75%200%201%200%200%203.5a1.75%201.75%200%200%200%200-3.5%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%22M15.003%2011q.221%200%20.436.023c.2.022.355.178.397.373l.222%201.036a.5.5%200%200%200%20.642.37l1.005-.325a.47.47%200%200%201%20.522.156q.26.352.438.757a.465.465%200%200%201-.125.529l-.786.71a.5.5%200%200%200%200%20.742l.786.71a.465.465%200%200%201%20.125.528q-.18.405-.438.757a.47.47%200%200%201-.522.157l-1.005-.326a.5.5%200%200%200-.642.371l-.222%201.034a.47.47%200%200%201-.396.374a4%204%200%200%201-.874%200a.465.465%200%200%201-.396-.373l-.22-1.035a.5.5%200%200%200-.644-.37l-1.006.325a.46.46%200%200%201-.52-.157a4%204%200%200%201-.438-.758a.465.465%200%200%201%20.125-.529l.785-.708a.5.5%200%200%200%200-.742l-.785-.71a.465.465%200%200%201-.125-.528q.178-.406.437-.758a.46.46%200%200%201%20.52-.156l1.007.326a.5.5%200%200%200%20.643-.371l.22-1.036a.465.465%200%200%201%20.397-.373q.216-.023.437-.023m0%203a1%201%200%201%200%200%202a1%201%200%200%200%200-2M7.5%201q.455%200%20.892.063l.288.045l.073.02a.5.5%200%200%201%20.326.368l.395%201.844a.5.5%200%200%200%20.642.37l1.792-.58l.073-.018a.5.5%200%200%201%20.461.168a6.5%206.5%200%200%201%201.184%202.046a.5.5%200%200%201-.137.538l-1.4%201.265a.5.5%200%200%200%200%20.742l1.4%201.264a.5.5%200%200%201%20.137.538a6.5%206.5%200%200%201-1.184%202.046a.5.5%200%200%201-.534.15l-1.792-.58a.5.5%200%200%200-.642.371l-.395%201.843a.5.5%200%200%201-.4.388q-.57.107-1.179.109c-.405%200-.8-.04-1.182-.11a.5.5%200%200%201-.398-.387l-.394-1.843a.5.5%200%200%200-.642-.37l-1.793.58a.5.5%200%200%201-.534-.151a6.5%206.5%200%200%201-1.184-2.046a.5.5%200%200%201%20.137-.538l1.4-1.264a.5.5%200%200%200%20.072-.661l-.072-.081l-1.4-1.265a.5.5%200%200%201-.137-.538A6.5%206.5%200%200%201%202.556%203.28l.052-.052a.5.5%200%200%201%20.482-.098l1.793.58a.5.5%200%200%200%20.642-.37l.394-1.844l.021-.072a.5.5%200%200%201%20.377-.316Q6.891%201.001%207.5%201m0%204.75a1.75%201.75%200%201%200%200%203.5a1.75%201.75%200%200%200%200-3.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/settings-cog-multiple-20-filled.svg?color=%231a73e8&size=48
