Иконка Chef

cib:chef

Иконка Chef (cib:chef) — бесплатная SVG-иконка из набора CoreUI Brands от creativeLabs Łukasz Holeczek. Она нарисована на сетке 32 × 32. CoreUI Brands icons выпущены под лицензией CC0 1.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: CoreUI Brands
Автор: creativeLabs Łukasz Holeczek
Лицензия: CC0-1.0
Размер: 32 × 32

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M16.041 0C9.254 0 3.426 4.229 1.093 10.197l2.547 1.032a13.33 13.33 0 0 1 12.401-8.536c2.985 0 5.761 1.025 7.943 2.624l1.604-2.181A15.95 15.95 0 0 0 16.041 0m0 3.068a13.015 13.015 0 0 0-12.109 8.307l2.547.932a10.17 10.17 0 0 1 9.563-6.547zm4.73.932L19.76 6.563a9.96 9.96 0 0 1 6.333 7.505h2.771a12.92 12.92 0 0 0-8.093-10.052zm-4.73 2.136a9.92 9.92 0 0 0-8.948 5.697a9.92 9.92 0 0 0 1.319 10.521a9.92 9.92 0 0 0 10.072 3.323A9.94 9.94 0 0 0 25.803 18h-2.776a7.34 7.34 0 0 1-6.985 5.255a7.19 7.19 0 0 1-7.229-7.213a7.187 7.187 0 0 1 7.229-7.213a7.195 7.195 0 0 1 6.932 5.24h2.761a9.8 9.8 0 0 0-9.693-7.948zm13.626 1.452l-2.333 1.453a12.7 12.7 0 0 1 1.896 5.027h2.771a15.46 15.46 0 0 0-2.333-6.48zM15.959 9.104c-4.932.099-8.204 5.156-6.265 9.699l2.624-1.163a4.05 4.05 0 0 1-.359-1.599c0-2.187 1.812-4.015 4-4.015zm2.562.521l-1.027 2.692c.88.365 1.532.937 2.036 1.751h3.068a6.73 6.73 0 0 0-4.077-4.443M0 16.027c0 2.203.437 4.385 1.385 6.495l2.401-1.095a14 14 0 0 1-1.093-5.385zm3.068 0a12.9 12.9 0 0 0 8.161 12.041l1.011-2.563a10.17 10.17 0 0 1-6.48-9.464zM19.469 18c-.443.803-1.095 1.469-1.975 1.745l1.027 2.708A6.71 6.71 0 0 0 22.598 18zm6.624 0a10.3 10.3 0 0 1-10.052 8.317v2.699c6.412.011 11.871-4.672 12.823-11.016zm3.136 0a13.476 13.476 0 0 1-13.203 11.375c-3.641 0-6.985-1.536-9.387-3.937l-1.905 1.896c2.916 2.921 6.932 4.667 11.369 4.667c8.073.011 14.885-5.995 15.896-14zm-16.032.88l-2.036 2.041a6.94 6.94 0 0 0 4.88 2.037v-2.917a4.06 4.06 0 0 1-2.844-1.161"/></svg>

Как использовать иконку Chef

React

import { Icon } from "@iconify/react";

<Icon icon="cib:chef" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="cib:chef" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="cib:chef" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[cib--chef]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/cib -->
<div class="i-cib:chef"></div>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="cib:chef"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/cib/chef.svg" alt="Иконка Chef" width="24" height="24">

Иконка Chef в других наборах

Вопросы и ответы: Иконка Chef

Можно ли бесплатно использовать иконку Chef в коммерческих проектах?

Да. CoreUI Brands icons выпущены под лицензией CC0 1.0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Chef в React?

Установите @iconify/react и выведите <Icon icon="cib:chef" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Chef на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/cib/chef.svg" alt="Иконка Chef">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки CoreUI Brands →