Иконка File Type Cypress

vscode-icons:file-type-cypress

Иконка File Type Cypress (vscode-icons:file-type-cypress) — бесплатная SVG-иконка из набора VSCode Icons от Roberto Huertas. Она нарисована на сетке 32 × 32. VSCode Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: VSCode Icons
Автор: Roberto Huertas
Лицензия: MIT
Размер: 32 × 32
Теги: filetype, typecypress, filetypecypress

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><linearGradient id="SVGFIT4fcbw" x1="-232.591" x2="-232.527" y1="266.35" y2="266.35" gradientTransform="rotate(105.39 -52937.69 -10818.9)scale(243.14 -243.14)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#58d09e"/><stop offset="1"/></linearGradient><linearGradient id="SVGkfnpSbpj" x1="-232.579" x2="-232.515" y1="267.655" y2="267.655" gradientTransform="matrix(190.987 150.5 150.5 -190.987 4142.028 86141.279)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#58d09e"/><stop offset="1" stop-color="#d2d2d2"/></linearGradient></defs><path d="M15.5 2.012A14 14 0 1 1 2.017 16.5A14.01 14.01 0 0 1 15.5 2.012"/><path fill="#d2d2d2" d="m23.5 11.561l-2.635 6.612l-2.651-6.612h-2.17l3.719 9.025l-2.643 6.364l1.9.375l6.536-15.764z"/><path fill="#d2d2d2" d="M11.924 13.233a2.61 2.61 0 0 1 2.458 1.6l.036.079l1.849-.623l-.04-.094a4.55 4.55 0 0 0-4.3-2.8a4.62 4.62 0 0 0-3.387 1.323a4.44 4.44 0 0 0-1.374 3.302a4.42 4.42 0 0 0 1.371 3.289a4.62 4.62 0 0 0 3.387 1.324a4.55 4.55 0 0 0 4.3-2.8l.04-.094l-1.852-.624l-.035.083a2.56 2.56 0 0 1-2.456 1.595A2.6 2.6 0 0 1 10 18a2.73 2.73 0 0 1-.781-1.978a2.77 2.77 0 0 1 .781-2a2.6 2.6 0 0 1 1.928-.792Z"/><path fill="url(#SVGFIT4fcbw)" d="M22.251 25.8a11.617 11.617 0 0 0 4.106-15.214l1.682-.869a13.483 13.483 0 0 1-4.768 17.671z"/><path fill="#58d09e" d="M2.905 19.562a13.4 13.4 0 0 1-.484-3.574A13.58 13.58 0 0 1 11.14 3.4l.684 1.755a11.69 11.69 0 0 0-7.5 10.832a11.5 11.5 0 0 0 .416 3.075Z"/><path fill="#58d09e" d="M11.049 3.444a13.67 13.67 0 0 1 17.065 6.433l-1.688.858A11.765 11.765 0 0 0 11.74 5.2l-.691-1.753Z"/><path fill="url(#SVGkfnpSbpj)" d="m17.488 26.06l-.462 1.11a.61.61 0 0 1-.538.378q-.234.01-.473.011A11.786 11.786 0 0 1 4.571 18.51l-1.852.415a13.52 13.52 0 0 0 4.73 7.514a13.75 13.75 0 0 0 8.546 3h.028c.182 0 .364 0 .544-.011a2.52 2.52 0 0 0 2.217-1.543l.6-1.45l-1.9-.375Z"/></svg>

Как использовать иконку File Type Cypress

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

<img src="https://iconyz.com/api/public/svg/vscode-icons/file-type-cypress.svg" alt="Иконка File Type Cypress" width="24" height="24">

Вопросы и ответы: Иконка File Type Cypress

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

Да. VSCode Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

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

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

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

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

Все VSCode Icons →