cookie settings icon

cookie-settings from Material Design Icons by Pictogrammers · Filled · Food / Drink · Apache-2.0 Free for personal and commercial use.

Name: cookie-settings
Set: Material Design Icons
Style: Filled
Category: Food / Drink
Viewbox: 24×24
License: Apache 2.0
Aliases: biscuit-crumbs, biscuit-settings, cookie-crumbs

1 other variant in Material Design Icons

cookie-settings-outline

The same icon in other sets

cookie-settingsMaterial Line Icons

More food / drink icons from Material Design Icons

Use the cookie settings icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.87 9.5C20.6 9 20 9 20 9h-2V8c0-1-1-1-1-1h-2V6c0-1-1-1-1-1h-1V3c0-1-1-1-1-1a9 9 0 1 0 9 9c0-.5-.04-1-.13-1.5M6.5 12c-.83 0-1.5-.67-1.5-1.5S5.67 9 6.5 9S8 9.67 8 10.5S7.33 12 6.5 12M8 6.5C8 5.67 8.67 5 9.5 5s1.5.67 1.5 1.5S10.33 8 9.5 8S8 7.33 8 6.5M11 18c-.83 0-1.5-.67-1.5-1.5S10.17 15 11 15s1.5.67 1.5 1.5S11.83 18 11 18m.5-5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5s1.5.67 1.5 1.5s-.67 1.5-1.5 1.5m5 2c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5s1.5.67 1.5 1.5s-.67 1.5-1.5 1.5M7 22h2v2H7zm4 0h2v2h-2zm4 0h2v2h-2z"/></svg>

React

import type { SVGProps } from "react";

export function MdiCookieSettings(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="M20.87 9.5C20.6 9 20 9 20 9h-2V8c0-1-1-1-1-1h-2V6c0-1-1-1-1-1h-1V3c0-1-1-1-1-1a9 9 0 1 0 9 9c0-.5-.04-1-.13-1.5M6.5 12c-.83 0-1.5-.67-1.5-1.5S5.67 9 6.5 9S8 9.67 8 10.5S7.33 12 6.5 12M8 6.5C8 5.67 8.67 5 9.5 5s1.5.67 1.5 1.5S10.33 8 9.5 8S8 7.33 8 6.5M11 18c-.83 0-1.5-.67-1.5-1.5S10.17 15 11 15s1.5.67 1.5 1.5S11.83 18 11 18m.5-5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5s1.5.67 1.5 1.5s-.67 1.5-1.5 1.5m5 2c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5s1.5.67 1.5 1.5s-.67 1.5-1.5 1.5M7 22h2v2H7zm4 0h2v2h-2zm4 0h2v2h-2z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.87 9.5C20.6 9 20 9 20 9h-2V8c0-1-1-1-1-1h-2V6c0-1-1-1-1-1h-1V3c0-1-1-1-1-1a9 9 0 1 0 9 9c0-.5-.04-1-.13-1.5M6.5 12c-.83 0-1.5-.67-1.5-1.5S5.67 9 6.5 9S8 9.67 8 10.5S7.33 12 6.5 12M8 6.5C8 5.67 8.67 5 9.5 5s1.5.67 1.5 1.5S10.33 8 9.5 8S8 7.33 8 6.5M11 18c-.83 0-1.5-.67-1.5-1.5S10.17 15 11 15s1.5.67 1.5 1.5S11.83 18 11 18m.5-5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5s1.5.67 1.5 1.5s-.67 1.5-1.5 1.5m5 2c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5s1.5.67 1.5 1.5s-.67 1.5-1.5 1.5M7 22h2v2H7zm4 0h2v2h-2zm4 0h2v2h-2z"/></svg>
</template>

CSS

.icon-cookie-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%22M20.87%209.5C20.6%209%2020%209%2020%209h-2V8c0-1-1-1-1-1h-2V6c0-1-1-1-1-1h-1V3c0-1-1-1-1-1a9%209%200%201%200%209%209c0-.5-.04-1-.13-1.5M6.5%2012c-.83%200-1.5-.67-1.5-1.5S5.67%209%206.5%209S8%209.67%208%2010.5S7.33%2012%206.5%2012M8%206.5C8%205.67%208.67%205%209.5%205s1.5.67%201.5%201.5S10.33%208%209.5%208S8%207.33%208%206.5M11%2018c-.83%200-1.5-.67-1.5-1.5S10.17%2015%2011%2015s1.5.67%201.5%201.5S11.83%2018%2011%2018m.5-5c-.83%200-1.5-.67-1.5-1.5s.67-1.5%201.5-1.5s1.5.67%201.5%201.5s-.67%201.5-1.5%201.5m5%202c-.83%200-1.5-.67-1.5-1.5s.67-1.5%201.5-1.5s1.5.67%201.5%201.5s-.67%201.5-1.5%201.5M7%2022h2v2H7zm4%200h2v2h-2zm4%200h2v2h-2z%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%22M20.87%209.5C20.6%209%2020%209%2020%209h-2V8c0-1-1-1-1-1h-2V6c0-1-1-1-1-1h-1V3c0-1-1-1-1-1a9%209%200%201%200%209%209c0-.5-.04-1-.13-1.5M6.5%2012c-.83%200-1.5-.67-1.5-1.5S5.67%209%206.5%209S8%209.67%208%2010.5S7.33%2012%206.5%2012M8%206.5C8%205.67%208.67%205%209.5%205s1.5.67%201.5%201.5S10.33%208%209.5%208S8%207.33%208%206.5M11%2018c-.83%200-1.5-.67-1.5-1.5S10.17%2015%2011%2015s1.5.67%201.5%201.5S11.83%2018%2011%2018m.5-5c-.83%200-1.5-.67-1.5-1.5s.67-1.5%201.5-1.5s1.5.67%201.5%201.5s-.67%201.5-1.5%201.5m5%202c-.83%200-1.5-.67-1.5-1.5s.67-1.5%201.5-1.5s1.5.67%201.5%201.5s-.67%201.5-1.5%201.5M7%2022h2v2H7zm4%200h2v2h-2zm4%200h2v2h-2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/cookie-settings.svg?color=%231a73e8&size=48