أيقونة File Type Cucumber

vscode-icons:file-type-cucumber

أيقونة File Type Cucumber (vscode-icons:file-type-cucumber) أيقونة SVG مجانية من مجموعة VSCode Icons من تصميم Roberto Huertas. مرسومة على شبكة 32 × 32. تُنشر VSCode Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: VSCode Icons
المؤلف: Roberto Huertas
الترخيص: MIT
الحجم: 32 × 32
الوسوم: filetype، typecucumber، filetypecucumber

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#23d96c" d="M21.97 4.174q-.321-.192-.656-.36t-.7-.314a6 6 0 0 0-.226-.09c-.208-.077-.418-.163-.633-.225a11.793 11.793 0 1 0-5.944 22.77v3.375c7.089-1.065 13.365-6.666 13.833-14.02A12.21 12.21 0 0 0 21.97 4.174"/><path fill="#173647" d="M13.171 30.071v-3.6a12.427 12.427 0 1 1 5.836-24.16q.478.115.946.269c.166.049.338.114.505.177l.151.056l.253.1c.211.083.449.19.733.33q.358.179.7.384a12.84 12.84 0 0 1 5.984 11.726C27.815 22.635 21.77 28.78 13.9 29.961Zm2.914-26.84h-.016a11.149 11.149 0 0 0-2.139 22.1l.516.1v3.144C21.361 27.227 26.592 21.735 27 15.27a11.54 11.54 0 0 0-5.36-10.552a9 9 0 0 0-1.263-.629q-.1-.045-.209-.084L20 3.941q-.212-.084-.43-.151a11.2 11.2 0 0 0-3.486-.558Z"/><path fill="#173647" d="M13.7 8.383a1.1 1.1 0 0 1 .961.369a2.5 2.5 0 0 1 .442.672a3.17 3.17 0 0 1 .14 2.8a3.85 3.85 0 0 1-2.417-1.874a2 2 0 0 1-.211-.813A1.19 1.19 0 0 1 13.7 8.383m-3.45 4.871a4.7 4.7 0 0 0 .739.447a3.51 3.51 0 0 0 2.964-.084a3.7 3.7 0 0 0-2.031-2.094a2.2 2.2 0 0 0-.875-.195a1 1 0 0 0-.194 0a1.072 1.072 0 0 0-.6 1.926Zm3.7 2.084a4.15 4.15 0 0 0-2.011-.177a2.7 2.7 0 0 0-1.011.214a2.1 2.1 0 0 0-.739.448a1.1 1.1 0 0 0 .855 1.925a2 2 0 0 0 .875-.195a3.73 3.73 0 0 0 2.031-2.214Zm1.584 1.214a3.98 3.98 0 0 0-2.261 2.128a1.9 1.9 0 0 0-.195.8a1.158 1.158 0 0 0 2 .817a4.5 4.5 0 0 0 .425-.739a3.6 3.6 0 0 0 .028-3Zm1.56-4.352a3.6 3.6 0 0 0 2.246-1.92a2 2 0 0 0 .194-.817a1.16 1.16 0 0 0-1.089-1.186a1.11 1.11 0 0 0-.971.389a4.5 4.5 0 0 0-.428.739a2.94 2.94 0 0 0 .049 2.794Zm2.554 7.354a2 2 0 0 0-.195-.816a3.56 3.56 0 0 0-2.153-1.982a3.27 3.27 0 0 0-.137 2.86a2.5 2.5 0 0 0 .425.68a1.217 1.217 0 0 0 2.065-.739Zm2.55-3.812a4.5 4.5 0 0 0-.739-.425a2.7 2.7 0 0 0-1.011-.214a3.9 3.9 0 0 0-1.935.337a3.62 3.62 0 0 0 2.013 2.06a2.2 2.2 0 0 0 .875.194a1.093 1.093 0 0 0 .8-1.948Z"/></svg>

كيفية استخدام أيقونة File Type Cucumber

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

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

صورة HTML

<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-cucumber.svg" alt="أيقونة File Type Cucumber" width="24" height="24">

أيقونات ذات صلة في VSCode Icons

الأسئلة الشائعة حول أيقونة File Type Cucumber

هل أيقونة File Type Cucumber مجانية للاستخدام التجاري؟

نعم. تُنشر VSCode Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة File Type Cucumber في React؟

ثبّت @iconify/react واعرض <Icon icon="vscode-icons:file-type-cucumber" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة File Type Cucumber إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-cucumber.svg" alt="أيقونة File Type Cucumber">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل VSCode Icons →