rule settings icon
rule-settings from Material Symbols Light by Google · Regular · UI Actions · Apache-2.0 Free for personal and commercial use.
- Name
- rule-settings
- Set
- Material Symbols Light
- Style
- Regular
- Category
- UI Actions
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- rule-settings-outline, rule-settings-outline-sharp, rule-settings-sharp
1 other variant in Material Symbols Light
The same icon in other sets
More ui actions icons from Material Symbols Light
Use the rule settings icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.116 19.346v-1h3.096l-1.054-1.042q-1.166-1.131-1.681-2.481t-.516-2.734q0-2.41 1.375-4.361Q6.709 5.777 8.96 4.942v1.062q-1.819.765-2.909 2.424t-1.09 3.66q0 1.222.463 2.37q.463 1.15 1.44 2.127l1.02 1.019v-3.027h1v4.77zm15.79-8.673H18.9q-.183-.875-.614-1.704t-1.151-1.553l-1.02-1.02v3.027h-1v-4.77h4.77v1h-3.097l1.054 1.043q.872.896 1.374 1.898q.501 1.002.69 2.079M17 20.808l-.108-.866q-.569-.125-.937-.349t-.701-.558l-.796.353l-.577-.854l.708-.576q-.185-.542-.185-1.035t.185-1.034l-.708-.577l.577-.854l.796.354q.333-.335.7-.559q.369-.224.938-.35L17 13.04h1l.108.865q.569.125.937.352t.701.567l.796-.365l.577.865l-.707.577q.184.53.184 1.029t-.184 1.029l.707.577l-.577.854l-.796-.354q-.332.334-.7.558t-.938.35l-.108.865zm.5-1.731q.883 0 1.518-.636q.636-.635.636-1.518t-.636-1.518t-1.518-.636t-1.518.636q-.636.635-.636 1.518t.636 1.518t1.518.636"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightRuleSettings(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="M4.116 19.346v-1h3.096l-1.054-1.042q-1.166-1.131-1.681-2.481t-.516-2.734q0-2.41 1.375-4.361Q6.709 5.777 8.96 4.942v1.062q-1.819.765-2.909 2.424t-1.09 3.66q0 1.222.463 2.37q.463 1.15 1.44 2.127l1.02 1.019v-3.027h1v4.77zm15.79-8.673H18.9q-.183-.875-.614-1.704t-1.151-1.553l-1.02-1.02v3.027h-1v-4.77h4.77v1h-3.097l1.054 1.043q.872.896 1.374 1.898q.501 1.002.69 2.079M17 20.808l-.108-.866q-.569-.125-.937-.349t-.701-.558l-.796.353l-.577-.854l.708-.576q-.185-.542-.185-1.035t.185-1.034l-.708-.577l.577-.854l.796.354q.333-.335.7-.559q.369-.224.938-.35L17 13.04h1l.108.865q.569.125.937.352t.701.567l.796-.365l.577.865l-.707.577q.184.53.184 1.029t-.184 1.029l.707.577l-.577.854l-.796-.354q-.332.334-.7.558t-.938.35l-.108.865zm.5-1.731q.883 0 1.518-.636q.636-.635.636-1.518t-.636-1.518t-1.518-.636t-1.518.636q-.636.635-.636 1.518t.636 1.518t1.518.636"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.116 19.346v-1h3.096l-1.054-1.042q-1.166-1.131-1.681-2.481t-.516-2.734q0-2.41 1.375-4.361Q6.709 5.777 8.96 4.942v1.062q-1.819.765-2.909 2.424t-1.09 3.66q0 1.222.463 2.37q.463 1.15 1.44 2.127l1.02 1.019v-3.027h1v4.77zm15.79-8.673H18.9q-.183-.875-.614-1.704t-1.151-1.553l-1.02-1.02v3.027h-1v-4.77h4.77v1h-3.097l1.054 1.043q.872.896 1.374 1.898q.501 1.002.69 2.079M17 20.808l-.108-.866q-.569-.125-.937-.349t-.701-.558l-.796.353l-.577-.854l.708-.576q-.185-.542-.185-1.035t.185-1.034l-.708-.577l.577-.854l.796.354q.333-.335.7-.559q.369-.224.938-.35L17 13.04h1l.108.865q.569.125.937.352t.701.567l.796-.365l.577.865l-.707.577q.184.53.184 1.029t-.184 1.029l.707.577l-.577.854l-.796-.354q-.332.334-.7.558t-.938.35l-.108.865zm.5-1.731q.883 0 1.518-.636q.636-.635.636-1.518t-.636-1.518t-1.518-.636t-1.518.636q-.636.635-.636 1.518t.636 1.518t1.518.636"/></svg> </template>
CSS
.icon-rule-settings {
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%22M4.116%2019.346v-1h3.096l-1.054-1.042q-1.166-1.131-1.681-2.481t-.516-2.734q0-2.41%201.375-4.361Q6.709%205.777%208.96%204.942v1.062q-1.819.765-2.909%202.424t-1.09%203.66q0%201.222.463%202.37q.463%201.15%201.44%202.127l1.02%201.019v-3.027h1v4.77zm15.79-8.673H18.9q-.183-.875-.614-1.704t-1.151-1.553l-1.02-1.02v3.027h-1v-4.77h4.77v1h-3.097l1.054%201.043q.872.896%201.374%201.898q.501%201.002.69%202.079M17%2020.808l-.108-.866q-.569-.125-.937-.349t-.701-.558l-.796.353l-.577-.854l.708-.576q-.185-.542-.185-1.035t.185-1.034l-.708-.577l.577-.854l.796.354q.333-.335.7-.559q.369-.224.938-.35L17%2013.04h1l.108.865q.569.125.937.352t.701.567l.796-.365l.577.865l-.707.577q.184.53.184%201.029t-.184%201.029l.707.577l-.577.854l-.796-.354q-.332.334-.7.558t-.938.35l-.108.865zm.5-1.731q.883%200%201.518-.636q.636-.635.636-1.518t-.636-1.518t-1.518-.636t-1.518.636q-.636.635-.636%201.518t.636%201.518t1.518.636%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%22M4.116%2019.346v-1h3.096l-1.054-1.042q-1.166-1.131-1.681-2.481t-.516-2.734q0-2.41%201.375-4.361Q6.709%205.777%208.96%204.942v1.062q-1.819.765-2.909%202.424t-1.09%203.66q0%201.222.463%202.37q.463%201.15%201.44%202.127l1.02%201.019v-3.027h1v4.77zm15.79-8.673H18.9q-.183-.875-.614-1.704t-1.151-1.553l-1.02-1.02v3.027h-1v-4.77h4.77v1h-3.097l1.054%201.043q.872.896%201.374%201.898q.501%201.002.69%202.079M17%2020.808l-.108-.866q-.569-.125-.937-.349t-.701-.558l-.796.353l-.577-.854l.708-.576q-.185-.542-.185-1.035t.185-1.034l-.708-.577l.577-.854l.796.354q.333-.335.7-.559q.369-.224.938-.35L17%2013.04h1l.108.865q.569.125.937.352t.701.567l.796-.365l.577.865l-.707.577q.184.53.184%201.029t-.184%201.029l.707.577l-.577.854l-.796-.354q-.332.334-.7.558t-.938.35l-.108.865zm.5-1.731q.883%200%201.518-.636q.636-.635.636-1.518t-.636-1.518t-1.518-.636t-1.518.636q-.636.635-.636%201.518t.636%201.518t1.518.636%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/rule-settings.svg?color=%231a73e8&size=48
