chef hat icon
chef-hat-linear from Solar by 480 Design · Linear · Food · CC-BY-4.0 Attribution required.
- Name
- chef-hat-linear
- Set
- Solar
- Style
- Linear
- Category
- Food
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
More food icons from Solar
Use the chef hat icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M5 14.584C3.2341 13.8124 2 12.0503 2 10C2 7.23858 4.23858 5 7 5C7.25052 5 7.49673 5.01842 7.73736 5.05399"/><path d="M19 14.584V18C19 19.8856 19 20.8285 18.4142 21.4142C17.8284 22 16.8856 22 15 22H9C7.11438 22 6.17157 22 5.58579 21.4142C5 20.8285 5 19.8856 5 18V14.584"/><path d="M16.2627 5.05399C16.5033 5.01842 16.7495 5 17.0001 5C19.7615 5 22.0001 7.23858 22.0001 10C22.0001 12.0503 20.766 13.8124 19.0001 14.584"/><path d="M16.5 7V6.5C16.5 5.99416 16.4165 5.50782 16.2626 5.05399C15.6604 3.27806 13.9794 2 12 2C10.0206 2 8.33962 3.27806 7.73736 5.05399C7.58346 5.50782 7.5 5.99416 7.5 6.5V7"/><path stroke-linejoin="round" d="M5 18H19"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarChefHatLinear(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="1.5"><path d="M5 14.584C3.2341 13.8124 2 12.0503 2 10C2 7.23858 4.23858 5 7 5C7.25052 5 7.49673 5.01842 7.73736 5.05399"/><path d="M19 14.584V18C19 19.8856 19 20.8285 18.4142 21.4142C17.8284 22 16.8856 22 15 22H9C7.11438 22 6.17157 22 5.58579 21.4142C5 20.8285 5 19.8856 5 18V14.584"/><path d="M16.2627 5.05399C16.5033 5.01842 16.7495 5 17.0001 5C19.7615 5 22.0001 7.23858 22.0001 10C22.0001 12.0503 20.766 13.8124 19.0001 14.584"/><path d="M16.5 7V6.5C16.5 5.99416 16.4165 5.50782 16.2626 5.05399C15.6604 3.27806 13.9794 2 12 2C10.0206 2 8.33962 3.27806 7.73736 5.05399C7.58346 5.50782 7.5 5.99416 7.5 6.5V7"/><path strokeLinejoin="round" d="M5 18H19"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M5 14.584C3.2341 13.8124 2 12.0503 2 10C2 7.23858 4.23858 5 7 5C7.25052 5 7.49673 5.01842 7.73736 5.05399"/><path d="M19 14.584V18C19 19.8856 19 20.8285 18.4142 21.4142C17.8284 22 16.8856 22 15 22H9C7.11438 22 6.17157 22 5.58579 21.4142C5 20.8285 5 19.8856 5 18V14.584"/><path d="M16.2627 5.05399C16.5033 5.01842 16.7495 5 17.0001 5C19.7615 5 22.0001 7.23858 22.0001 10C22.0001 12.0503 20.766 13.8124 19.0001 14.584"/><path d="M16.5 7V6.5C16.5 5.99416 16.4165 5.50782 16.2626 5.05399C15.6604 3.27806 13.9794 2 12 2C10.0206 2 8.33962 3.27806 7.73736 5.05399C7.58346 5.50782 7.5 5.99416 7.5 6.5V7"/><path stroke-linejoin="round" d="M5 18H19"/></g></svg> </template>
CSS
.icon-chef-hat-linear {
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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M5%2014.584C3.2341%2013.8124%202%2012.0503%202%2010C2%207.23858%204.23858%205%207%205C7.25052%205%207.49673%205.01842%207.73736%205.05399%22%2F%3E%3Cpath%20d%3D%22M19%2014.584V18C19%2019.8856%2019%2020.8285%2018.4142%2021.4142C17.8284%2022%2016.8856%2022%2015%2022H9C7.11438%2022%206.17157%2022%205.58579%2021.4142C5%2020.8285%205%2019.8856%205%2018V14.584%22%2F%3E%3Cpath%20d%3D%22M16.2627%205.05399C16.5033%205.01842%2016.7495%205%2017.0001%205C19.7615%205%2022.0001%207.23858%2022.0001%2010C22.0001%2012.0503%2020.766%2013.8124%2019.0001%2014.584%22%2F%3E%3Cpath%20d%3D%22M16.5%207V6.5C16.5%205.99416%2016.4165%205.50782%2016.2626%205.05399C15.6604%203.27806%2013.9794%202%2012%202C10.0206%202%208.33962%203.27806%207.73736%205.05399C7.58346%205.50782%207.5%205.99416%207.5%206.5V7%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M5%2018H19%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M5%2014.584C3.2341%2013.8124%202%2012.0503%202%2010C2%207.23858%204.23858%205%207%205C7.25052%205%207.49673%205.01842%207.73736%205.05399%22%2F%3E%3Cpath%20d%3D%22M19%2014.584V18C19%2019.8856%2019%2020.8285%2018.4142%2021.4142C17.8284%2022%2016.8856%2022%2015%2022H9C7.11438%2022%206.17157%2022%205.58579%2021.4142C5%2020.8285%205%2019.8856%205%2018V14.584%22%2F%3E%3Cpath%20d%3D%22M16.2627%205.05399C16.5033%205.01842%2016.7495%205%2017.0001%205C19.7615%205%2022.0001%207.23858%2022.0001%2010C22.0001%2012.0503%2020.766%2013.8124%2019.0001%2014.584%22%2F%3E%3Cpath%20d%3D%22M16.5%207V6.5C16.5%205.99416%2016.4165%205.50782%2016.2626%205.05399C15.6604%203.27806%2013.9794%202%2012%202C10.0206%202%208.33962%203.27806%207.73736%205.05399C7.58346%205.50782%207.5%205.99416%207.5%206.5V7%22%2F%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M5%2018H19%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/chef-hat-linear.svg?color=%231a73e8&size=48
