settings screen icon
settings-screen-outline from Material Symbols Light by Google · Outline · Actions · Apache-2.0 Free for personal and commercial use.
- Name
- settings-screen-outline
- Set
- Material Symbols Light
- Style
- Outline
- Category
- Actions
- Viewbox
- 24×24
- License
- Apache 2.0
5 other variants in Material Symbols Light
The same icon in other sets
More actions icons from Material Symbols Light
Use the settings screen icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.616 21q-.691 0-1.153-.462T13 19.385v-3.77q0-.69.463-1.152T14.616 14h5.769q.69 0 1.153.463T22 15.616v3.769q0 .69-.462 1.153T20.385 21zm0-1h5.769q.269 0 .442-.173t.173-.442v-3.77q0-.269-.173-.442T20.385 15h-5.77q-.269 0-.442.173t-.173.443v3.769q0 .269.173.442t.443.173m-3.52-5.65q-.71-.273-1.166-.904T9.473 12q0-1.046.727-1.773t1.773-.727q1.012 0 1.727.689t.773 1.676h-.242q-.217.02-.397.047q-.18.028-.367.084v-.04q-.019-.606-.453-1.031q-.435-.425-1.05-.425q-.616 0-1.054.438t-.437 1.056q0 .52.293.903q.293.384.736.528q-.146.213-.244.438t-.162.487M10.134 21l-.361-2.892q-.479-.145-1.035-.454q-.557-.31-.948-.664l-2.667 1.135l-1.865-3.25l2.306-1.739q-.045-.27-.073-.558q-.03-.288-.03-.55q0-.26.03-.539q.028-.278.073-.626L3.258 9.126l1.865-3.212L7.771 7.03q.448-.373.97-.673q.52-.3 1.013-.464L10.134 3h3.732l.361 2.912q.575.202 1.016.463t.909.654l2.725-1.115l1.865 3.211l-2.382 1.796q.082.31.092.569t.01.51h-1.039q-.006-.436-.056-.77t-.15-.697l2.227-1.683l-.994-1.7l-2.552 1.07q-.454-.499-1.193-.935q-.74-.435-1.4-.577L13 4h-1.994l-.312 2.689q-.756.161-1.39.52q-.633.358-1.26.985L5.55 7.15l-.994 1.7l2.169 1.62q-.125.336-.175.73t-.05.814q0 .395.05.766q.05.37.156.726l-2.15 1.644l.994 1.7l2.475-1.05q.6.606 1.36 1.002t1.615.579V21zm7.366-3.5"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightSettingsScreenOutline(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="M14.616 21q-.691 0-1.153-.462T13 19.385v-3.77q0-.69.463-1.152T14.616 14h5.769q.69 0 1.153.463T22 15.616v3.769q0 .69-.462 1.153T20.385 21zm0-1h5.769q.269 0 .442-.173t.173-.442v-3.77q0-.269-.173-.442T20.385 15h-5.77q-.269 0-.442.173t-.173.443v3.769q0 .269.173.442t.443.173m-3.52-5.65q-.71-.273-1.166-.904T9.473 12q0-1.046.727-1.773t1.773-.727q1.012 0 1.727.689t.773 1.676h-.242q-.217.02-.397.047q-.18.028-.367.084v-.04q-.019-.606-.453-1.031q-.435-.425-1.05-.425q-.616 0-1.054.438t-.437 1.056q0 .52.293.903q.293.384.736.528q-.146.213-.244.438t-.162.487M10.134 21l-.361-2.892q-.479-.145-1.035-.454q-.557-.31-.948-.664l-2.667 1.135l-1.865-3.25l2.306-1.739q-.045-.27-.073-.558q-.03-.288-.03-.55q0-.26.03-.539q.028-.278.073-.626L3.258 9.126l1.865-3.212L7.771 7.03q.448-.373.97-.673q.52-.3 1.013-.464L10.134 3h3.732l.361 2.912q.575.202 1.016.463t.909.654l2.725-1.115l1.865 3.211l-2.382 1.796q.082.31.092.569t.01.51h-1.039q-.006-.436-.056-.77t-.15-.697l2.227-1.683l-.994-1.7l-2.552 1.07q-.454-.499-1.193-.935q-.74-.435-1.4-.577L13 4h-1.994l-.312 2.689q-.756.161-1.39.52q-.633.358-1.26.985L5.55 7.15l-.994 1.7l2.169 1.62q-.125.336-.175.73t-.05.814q0 .395.05.766q.05.37.156.726l-2.15 1.644l.994 1.7l2.475-1.05q.6.606 1.36 1.002t1.615.579V21zm7.366-3.5"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M14.616 21q-.691 0-1.153-.462T13 19.385v-3.77q0-.69.463-1.152T14.616 14h5.769q.69 0 1.153.463T22 15.616v3.769q0 .69-.462 1.153T20.385 21zm0-1h5.769q.269 0 .442-.173t.173-.442v-3.77q0-.269-.173-.442T20.385 15h-5.77q-.269 0-.442.173t-.173.443v3.769q0 .269.173.442t.443.173m-3.52-5.65q-.71-.273-1.166-.904T9.473 12q0-1.046.727-1.773t1.773-.727q1.012 0 1.727.689t.773 1.676h-.242q-.217.02-.397.047q-.18.028-.367.084v-.04q-.019-.606-.453-1.031q-.435-.425-1.05-.425q-.616 0-1.054.438t-.437 1.056q0 .52.293.903q.293.384.736.528q-.146.213-.244.438t-.162.487M10.134 21l-.361-2.892q-.479-.145-1.035-.454q-.557-.31-.948-.664l-2.667 1.135l-1.865-3.25l2.306-1.739q-.045-.27-.073-.558q-.03-.288-.03-.55q0-.26.03-.539q.028-.278.073-.626L3.258 9.126l1.865-3.212L7.771 7.03q.448-.373.97-.673q.52-.3 1.013-.464L10.134 3h3.732l.361 2.912q.575.202 1.016.463t.909.654l2.725-1.115l1.865 3.211l-2.382 1.796q.082.31.092.569t.01.51h-1.039q-.006-.436-.056-.77t-.15-.697l2.227-1.683l-.994-1.7l-2.552 1.07q-.454-.499-1.193-.935q-.74-.435-1.4-.577L13 4h-1.994l-.312 2.689q-.756.161-1.39.52q-.633.358-1.26.985L5.55 7.15l-.994 1.7l2.169 1.62q-.125.336-.175.73t-.05.814q0 .395.05.766q.05.37.156.726l-2.15 1.644l.994 1.7l2.475-1.05q.6.606 1.36 1.002t1.615.579V21zm7.366-3.5"/></svg> </template>
CSS
.icon-settings-screen-outline {
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%22M14.616%2021q-.691%200-1.153-.462T13%2019.385v-3.77q0-.69.463-1.152T14.616%2014h5.769q.69%200%201.153.463T22%2015.616v3.769q0%20.69-.462%201.153T20.385%2021zm0-1h5.769q.269%200%20.442-.173t.173-.442v-3.77q0-.269-.173-.442T20.385%2015h-5.77q-.269%200-.442.173t-.173.443v3.769q0%20.269.173.442t.443.173m-3.52-5.65q-.71-.273-1.166-.904T9.473%2012q0-1.046.727-1.773t1.773-.727q1.012%200%201.727.689t.773%201.676h-.242q-.217.02-.397.047q-.18.028-.367.084v-.04q-.019-.606-.453-1.031q-.435-.425-1.05-.425q-.616%200-1.054.438t-.437%201.056q0%20.52.293.903q.293.384.736.528q-.146.213-.244.438t-.162.487M10.134%2021l-.361-2.892q-.479-.145-1.035-.454q-.557-.31-.948-.664l-2.667%201.135l-1.865-3.25l2.306-1.739q-.045-.27-.073-.558q-.03-.288-.03-.55q0-.26.03-.539q.028-.278.073-.626L3.258%209.126l1.865-3.212L7.771%207.03q.448-.373.97-.673q.52-.3%201.013-.464L10.134%203h3.732l.361%202.912q.575.202%201.016.463t.909.654l2.725-1.115l1.865%203.211l-2.382%201.796q.082.31.092.569t.01.51h-1.039q-.006-.436-.056-.77t-.15-.697l2.227-1.683l-.994-1.7l-2.552%201.07q-.454-.499-1.193-.935q-.74-.435-1.4-.577L13%204h-1.994l-.312%202.689q-.756.161-1.39.52q-.633.358-1.26.985L5.55%207.15l-.994%201.7l2.169%201.62q-.125.336-.175.73t-.05.814q0%20.395.05.766q.05.37.156.726l-2.15%201.644l.994%201.7l2.475-1.05q.6.606%201.36%201.002t1.615.579V21zm7.366-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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.616%2021q-.691%200-1.153-.462T13%2019.385v-3.77q0-.69.463-1.152T14.616%2014h5.769q.69%200%201.153.463T22%2015.616v3.769q0%20.69-.462%201.153T20.385%2021zm0-1h5.769q.269%200%20.442-.173t.173-.442v-3.77q0-.269-.173-.442T20.385%2015h-5.77q-.269%200-.442.173t-.173.443v3.769q0%20.269.173.442t.443.173m-3.52-5.65q-.71-.273-1.166-.904T9.473%2012q0-1.046.727-1.773t1.773-.727q1.012%200%201.727.689t.773%201.676h-.242q-.217.02-.397.047q-.18.028-.367.084v-.04q-.019-.606-.453-1.031q-.435-.425-1.05-.425q-.616%200-1.054.438t-.437%201.056q0%20.52.293.903q.293.384.736.528q-.146.213-.244.438t-.162.487M10.134%2021l-.361-2.892q-.479-.145-1.035-.454q-.557-.31-.948-.664l-2.667%201.135l-1.865-3.25l2.306-1.739q-.045-.27-.073-.558q-.03-.288-.03-.55q0-.26.03-.539q.028-.278.073-.626L3.258%209.126l1.865-3.212L7.771%207.03q.448-.373.97-.673q.52-.3%201.013-.464L10.134%203h3.732l.361%202.912q.575.202%201.016.463t.909.654l2.725-1.115l1.865%203.211l-2.382%201.796q.082.31.092.569t.01.51h-1.039q-.006-.436-.056-.77t-.15-.697l2.227-1.683l-.994-1.7l-2.552%201.07q-.454-.499-1.193-.935q-.74-.435-1.4-.577L13%204h-1.994l-.312%202.689q-.756.161-1.39.52q-.633.358-1.26.985L5.55%207.15l-.994%201.7l2.169%201.62q-.125.336-.175.73t-.05.814q0%20.395.05.766q.05.37.156.726l-2.15%201.644l.994%201.7l2.475-1.05q.6.606%201.36%201.002t1.615.579V21zm7.366-3.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/settings-screen-outline.svg?color=%231a73e8&size=48
