Back to Explorer
16 - 512
0.5 - 4.0
Save to
actionoutline
md display settings
Designed by Google Material
Developer Export Center
Code snippets update in real-time as you customize the playground.
const MdDisplaySettingsIcon = (props) => (
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
width="24"
height="24"
fill="none"
stroke="currentColor"
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
{...props}
>
<g></g><g><g><path d="M20,3H4C2.89,3,2,3.89,2,5v12c0,1.1,0.89,2,2,2h4v2h8v-2h4c1.1,0,2-0.9,2-2V5C22,3.89,21.1,3,20,3z M20,17H4V5h16V17z"/><rect height="1.5" width="8" x="6" y="8.25"/><polygon points="16.5,9.75 18,9.75 18,8.25 16.5,8.25 16.5,7 15,7 15,11 16.5,11"/><rect height="1.5" width="8" x="10" y="12.25"/><polygon points="7.5,15 9,15 9,11 7.5,11 7.5,12.25 6,12.25 6,13.75 7.5,13.75"/></g></g>
</svg>
);SVG Optimizer
Before
0.58 KB
↓
After
0.57 KB
Tags
AndroidOSadjustmentsapplicationbrightnesschangechromecogcomputerconfigurationcontrastcontrolcustomizationdesktopdetailsdevicedisplaydisplay adjustmentsdisplay controlelectronicgearhardwareiOSinfoinformationmacmonitormonitor settingsoptionspanelpersonalpreferencesresolutionscreenscreen optionsscreen settingsservicesettingssetuptechnologywebwindow
Compare Alternatives
See how other libraries approach this concept.