settings 3 icon
settings-3-line from Remix Icon by Remix Design · Line · System · Apache-2.0 Free for personal and commercial use.
- Name
- settings-3-line
- Set
- Remix Icon
- Style
- Line
- Category
- System
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in Remix Icon
The same icon in other sets
More system icons from Remix Icon
add-box-filladd-circle-filladd-filladd-large-fillalarm-add-fillalarm-fillalarm-snooze-fillalarm-warning-fillalert-fillapps-2-add-fillapps-2-ai-fillapps-2-fillapps-ai-fillapps-fillcheck-double-fillcheck-fillcheckbox-blank-circle-fillcheckbox-blank-fillcheckbox-circle-fillcheckbox-fillcheckbox-indeterminate-fillcheckbox-multiple-blank-fillcheckbox-multiple-fillclose-circle-fill
Use the settings 3 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.34 17a10 10 0 0 1-.979-2.326a3 3 0 0 0 .003-5.347a10 10 0 0 1 2.5-4.337a3 3 0 0 0 4.632-2.674a10 10 0 0 1 5.007.003a3 3 0 0 0 4.632 2.671a10.06 10.06 0 0 1 2.503 4.336a3 3 0 0 0-.002 5.347a10 10 0 0 1-2.501 4.337a3 3 0 0 0-4.632 2.674a10 10 0 0 1-5.007-.002a3 3 0 0 0-4.631-2.672A10 10 0 0 1 3.339 17m5.66.196a5 5 0 0 1 2.25 2.77q.75.07 1.499.002a5 5 0 0 1 2.25-2.772a5 5 0 0 1 3.526-.564q.435-.614.748-1.298A5 5 0 0 1 18 12c0-1.26.47-2.437 1.273-3.334a8 8 0 0 0-.75-1.298A5 5 0 0 1 15 6.804a5 5 0 0 1-2.25-2.77q-.75-.071-1.5-.001A5 5 0 0 1 9 6.804a5 5 0 0 1-3.526.564q-.436.614-.747 1.298A5 5 0 0 1 6 12c0 1.26-.471 2.437-1.273 3.334a8 8 0 0 0 .75 1.298A5 5 0 0 1 9 17.196M12 15a3 3 0 1 1 0-6a3 3 0 0 1 0 6m0-2a1 1 0 1 0 0-2a1 1 0 0 0 0 2"/></svg>
React
import type { SVGProps } from "react";
export function RiSettings3Line(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="M3.34 17a10 10 0 0 1-.979-2.326a3 3 0 0 0 .003-5.347a10 10 0 0 1 2.5-4.337a3 3 0 0 0 4.632-2.674a10 10 0 0 1 5.007.003a3 3 0 0 0 4.632 2.671a10.06 10.06 0 0 1 2.503 4.336a3 3 0 0 0-.002 5.347a10 10 0 0 1-2.501 4.337a3 3 0 0 0-4.632 2.674a10 10 0 0 1-5.007-.002a3 3 0 0 0-4.631-2.672A10 10 0 0 1 3.339 17m5.66.196a5 5 0 0 1 2.25 2.77q.75.07 1.499.002a5 5 0 0 1 2.25-2.772a5 5 0 0 1 3.526-.564q.435-.614.748-1.298A5 5 0 0 1 18 12c0-1.26.47-2.437 1.273-3.334a8 8 0 0 0-.75-1.298A5 5 0 0 1 15 6.804a5 5 0 0 1-2.25-2.77q-.75-.071-1.5-.001A5 5 0 0 1 9 6.804a5 5 0 0 1-3.526.564q-.436.614-.747 1.298A5 5 0 0 1 6 12c0 1.26-.471 2.437-1.273 3.334a8 8 0 0 0 .75 1.298A5 5 0 0 1 9 17.196M12 15a3 3 0 1 1 0-6a3 3 0 0 1 0 6m0-2a1 1 0 1 0 0-2a1 1 0 0 0 0 2"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M3.34 17a10 10 0 0 1-.979-2.326a3 3 0 0 0 .003-5.347a10 10 0 0 1 2.5-4.337a3 3 0 0 0 4.632-2.674a10 10 0 0 1 5.007.003a3 3 0 0 0 4.632 2.671a10.06 10.06 0 0 1 2.503 4.336a3 3 0 0 0-.002 5.347a10 10 0 0 1-2.501 4.337a3 3 0 0 0-4.632 2.674a10 10 0 0 1-5.007-.002a3 3 0 0 0-4.631-2.672A10 10 0 0 1 3.339 17m5.66.196a5 5 0 0 1 2.25 2.77q.75.07 1.499.002a5 5 0 0 1 2.25-2.772a5 5 0 0 1 3.526-.564q.435-.614.748-1.298A5 5 0 0 1 18 12c0-1.26.47-2.437 1.273-3.334a8 8 0 0 0-.75-1.298A5 5 0 0 1 15 6.804a5 5 0 0 1-2.25-2.77q-.75-.071-1.5-.001A5 5 0 0 1 9 6.804a5 5 0 0 1-3.526.564q-.436.614-.747 1.298A5 5 0 0 1 6 12c0 1.26-.471 2.437-1.273 3.334a8 8 0 0 0 .75 1.298A5 5 0 0 1 9 17.196M12 15a3 3 0 1 1 0-6a3 3 0 0 1 0 6m0-2a1 1 0 1 0 0-2a1 1 0 0 0 0 2"/></svg> </template>
CSS
.icon-settings-3-line {
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%22M3.34%2017a10%2010%200%200%201-.979-2.326a3%203%200%200%200%20.003-5.347a10%2010%200%200%201%202.5-4.337a3%203%200%200%200%204.632-2.674a10%2010%200%200%201%205.007.003a3%203%200%200%200%204.632%202.671a10.06%2010.06%200%200%201%202.503%204.336a3%203%200%200%200-.002%205.347a10%2010%200%200%201-2.501%204.337a3%203%200%200%200-4.632%202.674a10%2010%200%200%201-5.007-.002a3%203%200%200%200-4.631-2.672A10%2010%200%200%201%203.339%2017m5.66.196a5%205%200%200%201%202.25%202.77q.75.07%201.499.002a5%205%200%200%201%202.25-2.772a5%205%200%200%201%203.526-.564q.435-.614.748-1.298A5%205%200%200%201%2018%2012c0-1.26.47-2.437%201.273-3.334a8%208%200%200%200-.75-1.298A5%205%200%200%201%2015%206.804a5%205%200%200%201-2.25-2.77q-.75-.071-1.5-.001A5%205%200%200%201%209%206.804a5%205%200%200%201-3.526.564q-.436.614-.747%201.298A5%205%200%200%201%206%2012c0%201.26-.471%202.437-1.273%203.334a8%208%200%200%200%20.75%201.298A5%205%200%200%201%209%2017.196M12%2015a3%203%200%201%201%200-6a3%203%200%200%201%200%206m0-2a1%201%200%201%200%200-2a1%201%200%200%200%200%202%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%22M3.34%2017a10%2010%200%200%201-.979-2.326a3%203%200%200%200%20.003-5.347a10%2010%200%200%201%202.5-4.337a3%203%200%200%200%204.632-2.674a10%2010%200%200%201%205.007.003a3%203%200%200%200%204.632%202.671a10.06%2010.06%200%200%201%202.503%204.336a3%203%200%200%200-.002%205.347a10%2010%200%200%201-2.501%204.337a3%203%200%200%200-4.632%202.674a10%2010%200%200%201-5.007-.002a3%203%200%200%200-4.631-2.672A10%2010%200%200%201%203.339%2017m5.66.196a5%205%200%200%201%202.25%202.77q.75.07%201.499.002a5%205%200%200%201%202.25-2.772a5%205%200%200%201%203.526-.564q.435-.614.748-1.298A5%205%200%200%201%2018%2012c0-1.26.47-2.437%201.273-3.334a8%208%200%200%200-.75-1.298A5%205%200%200%201%2015%206.804a5%205%200%200%201-2.25-2.77q-.75-.071-1.5-.001A5%205%200%200%201%209%206.804a5%205%200%200%201-3.526.564q-.436.614-.747%201.298A5%205%200%200%201%206%2012c0%201.26-.471%202.437-1.273%203.334a8%208%200%200%200%20.75%201.298A5%205%200%200%201%209%2017.196M12%2015a3%203%200%201%201%200-6a3%203%200%200%201%200%206m0-2a1%201%200%201%200%200-2a1%201%200%200%200%200%202%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ri/settings-3-line.svg?color=%231a73e8&size=48
