File Type Chef Cookbook ikonu

vscode-icons:file-type-chef-cookbook

File Type Chef Cookbook ikonu (vscode-icons:file-type-chef-cookbook), VSCode Icons setinden ücretsiz bir SVG ikondur (yapımcı: Roberto Huertas). 32 × 32 ızgara üzerinde çizilmiştir. VSCode Icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.

İkon seti: VSCode Icons
Yazar: Roberto Huertas
Lisans: MIT
Boyut: 32 × 32
Etiketler: filetype, typechef, chefcookbook, filetypechefcookbook

SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><clipPath id="SVGO3E6JdNL"><path fill="none" d="M25.573 24.978v-.034H8.239a1.956 1.956 0 0 0-1.88 1.971a1.9 1.9 0 0 0 1.92 1.929c.133 0 .258.006.408 0h16.849c-.884-.183-1.236-.979-1.236-1.934s.371-1.763 1.273-1.932"/></clipPath></defs><path fill="#f18b21" d="M24.591 5.907H8.149v23.348h16.442a1.4 1.4 0 0 0 1.4-1.39V7.3a1.4 1.4 0 0 0-1.4-1.393"/><path fill="#fff" d="M25.573 24.978v-.034H8.239a1.956 1.956 0 0 0-1.88 1.971a1.9 1.9 0 0 0 1.92 1.929c.133 0 .277.01.408 0h16.849c-.884-.183-1.236-.979-1.236-1.934s.371-1.763 1.273-1.932"/><g fill="#ccd4d3" clip-path="url(#SVGO3E6JdNL)"><path d="M6.281 25.434h19.455v.189H6.281zm0 .957h19.455v.189H6.281zm0 .957h19.455v.189H6.281zm0 .479h19.455v.189H6.281zm0 .478h19.455v.189H6.281zm0-1.435h19.455v.189H6.281zm0-.957h19.455v.189H6.281z"/></g><path fill="#edce8a" d="M24.644 2H8.202v23.348h16.442a1.4 1.4 0 0 0 1.4-1.39V3.39a1.4 1.4 0 0 0-1.4-1.39"/><path fill="#3f5364" d="M8.154 28.848c-.016 0-.05-.009-.066-.01a2.01 2.01 0 0 1-1.7-1.805a1.66 1.66 0 0 1 1.716-1.7c.016 0 .09.009.106.01L8.2 2.005Q8.152 1.999 8.1 2a2.04 2.04 0 0 0-2.066 1.579a7 7 0 0 0-.034.84s-.045 22.6-.045 22.69a2 2 0 0 0 .02.277v.06h.009A2.144 2.144 0 0 0 8.1 29.254h.047Z"/><path fill="#efb422" d="m9.87 30l-.805-.634L8.26 30v-3.115h1.61z"/><path fill="#3f5364" d="M14.445 16.578a3.7 3.7 0 0 0 2.589 1.076v-1.53a2.1 2.1 0 0 1-1.508-.624Zm3.921-5.978l-.566 1.416a2.3 2.3 0 0 1 1.083.907h1.649a3.69 3.69 0 0 0-2.166-2.323"/><path fill="#f18b21" d="M13.362 14a3.7 3.7 0 0 0 .311 1.474l1.4-.624A2.1 2.1 0 0 1 14.9 14a2.146 2.146 0 0 1 2.13-2.125v-1.53A3.67 3.67 0 0 0 13.362 14m4.432 1.983l.566 1.417a3.67 3.67 0 0 0 2.186-2.351H18.9a2.18 2.18 0 0 1-1.106.934"/><path fill="#3f5364" d="M17.029 17.825a3.825 3.825 0 1 1 3.694-4.873H22.2a5.256 5.256 0 1 0 0 2.125h-1.477a3.825 3.825 0 0 1-3.694 2.748"/><path fill="#3f5364" d="M17.029 8.56V7.115a6.88 6.88 0 0 0-6.429 4.391l1.336.51a5.49 5.49 0 0 1 5.093-3.456m0 10.88v1.445a6.9 6.9 0 0 0 6.822-5.808h-1.479a5.425 5.425 0 0 1-5.343 4.363"/><path fill="#f18b21" d="M22.4 12.951h1.45A6.92 6.92 0 0 0 19.528 7.6l-.51 1.331a5.53 5.53 0 0 1 3.382 4.02M11.572 14h-1.451a6.9 6.9 0 0 0 4.352 6.4l.539-1.331A5.48 5.48 0 0 1 11.572 14"/><path fill="#3f5364" d="M24.021 12.951h1.45a8.8 8.8 0 0 0-1.224-3.428l-1.224.765a6.35 6.35 0 0 1 .998 2.663M8.5 14.005a8.95 8.95 0 0 0 .753 3.672l1.406-.578a7.6 7.6 0 0 1-.7-3.1"/><path fill="#f18b21" d="M17.029 21.055a7.06 7.06 0 0 1-5-2.069L11 20.006a8.4 8.4 0 0 0 6.029 2.494a8.55 8.55 0 0 0 8.471-7.452h-1.45a7.115 7.115 0 0 1-7.021 6.007m0-14.11a6.9 6.9 0 0 1 4.233 1.416l.884-1.161a8.56 8.56 0 0 0-13.079 3.711l1.365.539a7.1 7.1 0 0 1 6.597-4.505"/></svg>

File Type Chef Cookbook ikonu nasıl kullanılır

React

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

<Icon icon="vscode-icons:file-type-chef-cookbook" width="24" />

Vue

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

<template>
  <Icon icon="vscode-icons:file-type-chef-cookbook" width="24" />
</template>

Svelte

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

<Icon icon="vscode-icons:file-type-chef-cookbook" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[vscode-icons--file-type-chef-cookbook]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/vscode-icons -->
<div class="i-vscode-icons:file-type-chef-cookbook"></div>

Web bileşeni

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

<iconify-icon icon="vscode-icons:file-type-chef-cookbook"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-chef-cookbook.svg" alt="File Type Chef Cookbook ikonu" width="24" height="24">

VSCode Icons setindeki benzer ikonlar

File Type Chef Cookbook ikonu: sık sorulan sorular

File Type Chef Cookbook ikonu ticari kullanım için ücretsiz mi?

Evet. VSCode Icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

File Type Chef Cookbook ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="vscode-icons:file-type-chef-cookbook" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

File Type Chef Cookbook ikonunu bir web sayfasına nasıl eklerim?

SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-chef-cookbook.svg" alt="File Type Chef Cookbook ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: VSCode Icons →