perm data setting icon

perm-data-setting from Material Symbols Light by Google · Regular · Android · Apache-2.0 Free for personal and commercial use.

Name
perm-data-setting
Set
Material Symbols Light
Style
Regular
Category
Android
Viewbox
24×24
License
Apache 2.0
Aliases
perm-data-setting-sharp

3 other variants in Material Symbols Light

The same icon in other sets

More android icons from Material Symbols Light

Use the perm data setting icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.941 19.403q.636-.636.636-1.518q0-.883-.636-1.519q-.635-.635-1.518-.635q-.882 0-1.518.635q-.636.636-.636 1.519t.636 1.518t1.518.636t1.518-.636m-2.018 2.366l-.107-.884q-.57-.125-.938-.33q-.369-.205-.701-.578l-.835.335l-.538-.816l.688-.577q-.165-.53-.165-1.034t.165-1.035l-.688-.577l.538-.815l.835.334q.333-.392.701-.587t.938-.32l.107-.885h1l.108.885q.569.125.937.32t.701.587l.835-.334l.538.815l-.688.577q.165.53.165 1.035t-.165 1.034l.688.577l-.538.816l-.835-.335q-.332.373-.7.578t-.938.33l-.108.884zM3 21L21 3v9.17q-.592-.287-1.26-.43t-1.336-.144q-2.637 0-4.475 1.836q-1.839 1.835-1.839 4.472q0 .76.214 1.6q.213.84.607 1.496z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightPermDataSetting(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="M19.941 19.403q.636-.636.636-1.518q0-.883-.636-1.519q-.635-.635-1.518-.635q-.882 0-1.518.635q-.636.636-.636 1.519t.636 1.518t1.518.636t1.518-.636m-2.018 2.366l-.107-.884q-.57-.125-.938-.33q-.369-.205-.701-.578l-.835.335l-.538-.816l.688-.577q-.165-.53-.165-1.034t.165-1.035l-.688-.577l.538-.815l.835.334q.333-.392.701-.587t.938-.32l.107-.885h1l.108.885q.569.125.937.32t.701.587l.835-.334l.538.815l-.688.577q.165.53.165 1.035t-.165 1.034l.688.577l-.538.816l-.835-.335q-.332.373-.7.578t-.938.33l-.108.884zM3 21L21 3v9.17q-.592-.287-1.26-.43t-1.336-.144q-2.637 0-4.475 1.836q-1.839 1.835-1.839 4.472q0 .76.214 1.6q.213.84.607 1.496z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M19.941 19.403q.636-.636.636-1.518q0-.883-.636-1.519q-.635-.635-1.518-.635q-.882 0-1.518.635q-.636.636-.636 1.519t.636 1.518t1.518.636t1.518-.636m-2.018 2.366l-.107-.884q-.57-.125-.938-.33q-.369-.205-.701-.578l-.835.335l-.538-.816l.688-.577q-.165-.53-.165-1.034t.165-1.035l-.688-.577l.538-.815l.835.334q.333-.392.701-.587t.938-.32l.107-.885h1l.108.885q.569.125.937.32t.701.587l.835-.334l.538.815l-.688.577q.165.53.165 1.035t-.165 1.034l.688.577l-.538.816l-.835-.335q-.332.373-.7.578t-.938.33l-.108.884zM3 21L21 3v9.17q-.592-.287-1.26-.43t-1.336-.144q-2.637 0-4.475 1.836q-1.839 1.835-1.839 4.472q0 .76.214 1.6q.213.84.607 1.496z"/></svg>
</template>

CSS

.icon-perm-data-setting {
  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%22M19.941%2019.403q.636-.636.636-1.518q0-.883-.636-1.519q-.635-.635-1.518-.635q-.882%200-1.518.635q-.636.636-.636%201.519t.636%201.518t1.518.636t1.518-.636m-2.018%202.366l-.107-.884q-.57-.125-.938-.33q-.369-.205-.701-.578l-.835.335l-.538-.816l.688-.577q-.165-.53-.165-1.034t.165-1.035l-.688-.577l.538-.815l.835.334q.333-.392.701-.587t.938-.32l.107-.885h1l.108.885q.569.125.937.32t.701.587l.835-.334l.538.815l-.688.577q.165.53.165%201.035t-.165%201.034l.688.577l-.538.816l-.835-.335q-.332.373-.7.578t-.938.33l-.108.884zM3%2021L21%203v9.17q-.592-.287-1.26-.43t-1.336-.144q-2.637%200-4.475%201.836q-1.839%201.835-1.839%204.472q0%20.76.214%201.6q.213.84.607%201.496z%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%22M19.941%2019.403q.636-.636.636-1.518q0-.883-.636-1.519q-.635-.635-1.518-.635q-.882%200-1.518.635q-.636.636-.636%201.519t.636%201.518t1.518.636t1.518-.636m-2.018%202.366l-.107-.884q-.57-.125-.938-.33q-.369-.205-.701-.578l-.835.335l-.538-.816l.688-.577q-.165-.53-.165-1.034t.165-1.035l-.688-.577l.538-.815l.835.334q.333-.392.701-.587t.938-.32l.107-.885h1l.108.885q.569.125.937.32t.701.587l.835-.334l.538.815l-.688.577q.165.53.165%201.035t-.165%201.034l.688.577l-.538.816l-.835-.335q-.332.373-.7.578t-.938.33l-.108.884zM3%2021L21%203v9.17q-.592-.287-1.26-.43t-1.336-.144q-2.637%200-4.475%201.836q-1.839%201.835-1.839%204.472q0%20.76.214%201.6q.213.84.607%201.496z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/perm-data-setting.svg?color=%231a73e8&size=48