Chef icon
file-icons:chef
The Chef icon (file-icons:chef) is a free SVG icon from the File Icons set by John Gardner. It is drawn on a 512 × 512 grid. File Icons are released under the ISC license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- File Icons
- Author
- John Gardner
- License
- ISC
- Size
- 512 × 512
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="m203.653 276.468l-30.006 13.136c-23.294-60.39 18.478-121.338 81.46-124.762v32.685c-38.432 2.592-64.752 39.09-51.454 78.94m79.28 32.827l11.84 30.504c22.917-9.922 41.025-29.27 49.491-52.776h-36.093c-6.107 9.753-14.931 17.546-25.238 22.272m-27.827 37.903v-32.685c-13.152-.769-25.514-5.913-35.409-14.737l-23.17 23.173c16.072 14.925 36.64 23.439 58.58 24.249m39.66-174.942l-11.833 30.487c10.308 4.728 19.132 12.522 25.238 22.274h36.216c-8.605-23.395-26.757-42.734-49.62-52.76M512 225.017c-4.838-34.358-17.274-71.837-35.181-101.196l-31.666 19.716c14.532 24.256 24.132 54.32 28.567 81.48zm0 62.006h-38.284C446.264 449.18 243.43 545.046 104.296 414.677L77.92 441.056C242.721 591.777 481.534 484.416 512 287.023M54.513 342.19c-10.774-25.619-16.657-53.736-17.105-81.75H0c.457 33.142 7.47 66.464 20.374 96.804zm199.52-249.945V57.732c-80.057 3.211-144.288 46.29-176.34 120.715l32.044 12.503c25.423-60.24 79.33-96.201 144.297-98.705M414.71 225.017h35.05c-11.477-65.156-57.135-127.325-118.703-152.632l-12.502 32.05c38.566 15.616 82.555 60.424 96.155 120.582m-53.864 62.006c-19.741 63.141-95.434 98.406-157.417 62.645c-71.924-41.496-71.924-145.8 0-187.297c61.983-35.76 137.675-.494 157.417 62.646h33.265c-20.638-88.005-123.287-138.603-206.765-90.44c-93.272 53.812-93.272 189.074 0 242.887c83.479 48.162 186.128-2.435 206.766-90.44zm57.28 0c-17.59 72.764-82.435 129.779-157.37 131.341v35.944c105.61-2.94 177.486-83.327 194.024-167.285zm-326.03-26.582H56.05c1.307 64.458 40.64 142.705 123.284 178.014l13.32-33.23c-60.587-26.168-97.964-83.49-100.559-144.784M20.74 156.226l34.674 13.529C110.651 36.957 277.055.269 385.643 78.925l22.339-29.944C277.545-46.28 86.76 1.604 20.739 156.226"/></svg>How to use the Chef icon
React
import { Icon } from "@iconify/react";
<Icon icon="file-icons:chef" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="file-icons:chef" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="file-icons:chef" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[file-icons--chef]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/file-icons -->
<div class="i-file-icons:chef"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="file-icons:chef"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/file-icons/chef.svg" alt="Chef icon" width="24" height="24">Chef icon in other icon sets
Chef icon FAQ
Is the Chef icon free for commercial use?
Yes. File Icons are released under the ISC license, which allows use in personal and commercial projects.
How do I use the Chef icon in React?
Install @iconify/react and render <Icon icon="file-icons:chef" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Chef icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/file-icons/chef.svg" alt="Chef icon">, or paste the SVG code inline to style it with CSS.