chef hat2 icon

chef-hat2-duotone from Reicon by REICON · Duotone · Food · MIT Free for personal and commercial use.

Name: chef-hat2-duotone
Set: Reicon
Style: Duotone
Category: Food
Viewbox: 24×24
License: MIT

2 other variants in Reicon

More food icons from Reicon

bottle chef-hat chef-hat-heart cookie corkscrew cup-hot cup-paper donut donut2 food-tray fork-knife hot-drink ladle mug oven-mitts oven-mitts2 pizza-slice rolling-pin tea-cup whisk wineglass wineglass2

Use the chef hat2 icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M2 10a5 5 0 0 1 5.737-4.946a4.502 4.502 0 0 1 8.526 0Q16.623 5 17 5a5 5 0 0 1 2 9.584V18c0 1.886 0 2.828-.586 3.414S16.886 22 15 22H9c-1.886 0-2.828 0-3.414-.586S5 19.886 5 18v-3.416A5 5 0 0 1 2 10" opacity=".5"/><path d="M9 17.25a.75.75 0 0 0 0 1.5h6a.75.75 0 0 0 0-1.5z"/></g></svg>

React

import type { SVGProps } from "react";

export function ReiconChefHat2Duotone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M2 10a5 5 0 0 1 5.737-4.946a4.502 4.502 0 0 1 8.526 0Q16.623 5 17 5a5 5 0 0 1 2 9.584V18c0 1.886 0 2.828-.586 3.414S16.886 22 15 22H9c-1.886 0-2.828 0-3.414-.586S5 19.886 5 18v-3.416A5 5 0 0 1 2 10" opacity=".5"/><path d="M9 17.25a.75.75 0 0 0 0 1.5h6a.75.75 0 0 0 0-1.5z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M2 10a5 5 0 0 1 5.737-4.946a4.502 4.502 0 0 1 8.526 0Q16.623 5 17 5a5 5 0 0 1 2 9.584V18c0 1.886 0 2.828-.586 3.414S16.886 22 15 22H9c-1.886 0-2.828 0-3.414-.586S5 19.886 5 18v-3.416A5 5 0 0 1 2 10" opacity=".5"/><path d="M9 17.25a.75.75 0 0 0 0 1.5h6a.75.75 0 0 0 0-1.5z"/></g></svg>
</template>

CSS

.icon-chef-hat2-duotone {
  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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M2%2010a5%205%200%200%201%205.737-4.946a4.502%204.502%200%200%201%208.526%200Q16.623%205%2017%205a5%205%200%200%201%202%209.584V18c0%201.886%200%202.828-.586%203.414S16.886%2022%2015%2022H9c-1.886%200-2.828%200-3.414-.586S5%2019.886%205%2018v-3.416A5%205%200%200%201%202%2010%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M9%2017.25a.75.75%200%200%200%200%201.5h6a.75.75%200%200%200%200-1.5z%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M2%2010a5%205%200%200%201%205.737-4.946a4.502%204.502%200%200%201%208.526%200Q16.623%205%2017%205a5%205%200%200%201%202%209.584V18c0%201.886%200%202.828-.586%203.414S16.886%2022%2015%2022H9c-1.886%200-2.828%200-3.414-.586S5%2019.886%205%2018v-3.416A5%205%200%200%201%202%2010%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M9%2017.25a.75.75%200%200%200%200%201.5h6a.75.75%200%200%200%200-1.5z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/chef-hat2-duotone.svg?color=%231a73e8&size=48