sharp flatware icon

sharp-flatware from Google Material Icons by Material Design Authors · Baseline · Search · Apache-2.0 Free for personal and commercial use.

Name: sharp-flatware
Set: Google Material Icons
Style: Baseline
Category: Search
Viewbox: 24×24
License: Apache 2.0

Use the sharp flatware icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16 7.08c0 1.77-.84 3.25-2 3.82V21h-2V10.9c-1.16-.57-2-2.05-2-3.82C10.01 4.83 11.35 3 13 3c1.66 0 3 1.83 3 4.08M17 3v18h2v-8h2V7c0-1.76-1.24-4-4-4M8.28 3h-.72v4h-.84V3H5.28v4h-.84V3H3v8h2v10h2V11h2V3z"/></svg>

React

import type { SVGProps } from "react";

export function IcSharpFlatware(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="M16 7.08c0 1.77-.84 3.25-2 3.82V21h-2V10.9c-1.16-.57-2-2.05-2-3.82C10.01 4.83 11.35 3 13 3c1.66 0 3 1.83 3 4.08M17 3v18h2v-8h2V7c0-1.76-1.24-4-4-4M8.28 3h-.72v4h-.84V3H5.28v4h-.84V3H3v8h2v10h2V11h2V3z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16 7.08c0 1.77-.84 3.25-2 3.82V21h-2V10.9c-1.16-.57-2-2.05-2-3.82C10.01 4.83 11.35 3 13 3c1.66 0 3 1.83 3 4.08M17 3v18h2v-8h2V7c0-1.76-1.24-4-4-4M8.28 3h-.72v4h-.84V3H5.28v4h-.84V3H3v8h2v10h2V11h2V3z"/></svg>
</template>

CSS

.icon-sharp-flatware {
  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%22M16%207.08c0%201.77-.84%203.25-2%203.82V21h-2V10.9c-1.16-.57-2-2.05-2-3.82C10.01%204.83%2011.35%203%2013%203c1.66%200%203%201.83%203%204.08M17%203v18h2v-8h2V7c0-1.76-1.24-4-4-4M8.28%203h-.72v4h-.84V3H5.28v4h-.84V3H3v8h2v10h2V11h2V3z%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%22M16%207.08c0%201.77-.84%203.25-2%203.82V21h-2V10.9c-1.16-.57-2-2.05-2-3.82C10.01%204.83%2011.35%203%2013%203c1.66%200%203%201.83%203%204.08M17%203v18h2v-8h2V7c0-1.76-1.24-4-4-4M8.28%203h-.72v4h-.84V3H5.28v4h-.84V3H3v8h2v10h2V11h2V3z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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

sharp flatware icon

More search icons from Google Material Icons

Use the sharp flatware icon

SVG

React

Vue

CSS