Иконка Folder Type E2e Opened

vscode-icons:folder-type-e2e-opened

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

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

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#db7b7b" d="M27.4 5.5h-9.2l-2.1 4.2H4.3v16.8h25.2v-21Zm0 18.7H6.6V11.8h20.8Zm0-14.5h-8.2l1-2.1h7.1v2.1Zm-1.7 4H.5l3.8 12.8h25.2Z"/><path fill="#0bb7b7" d="M25.3 31q-.18-.084-.357-.172a1.383 1.383 0 0 1-.446-2.171c.36-.416.752-.8 1.128-1.2c.1-.1.187-.211.367-.416h-.7l-8.73-.071a1.64 1.64 0 0 1-1.224-.411a1.325 1.325 0 0 1-.418-1.42a1.52 1.52 0 0 1 1.277-1.018c1.944-.03 3.889-.039 5.833-.055l3.34-.029c.17 0 .341-.016.6-.03c-.149-.168-.24-.274-.335-.377c-.409-.442-.852-.858-1.223-1.331a1.408 1.408 0 0 1 2.1-1.851c1.331 1.3 2.658 2.615 3.962 3.946a1.494 1.494 0 0 1 0 2.279q-1.839 1.886-3.727 3.726a6 6 0 0 1-.885.6Z"/><path fill="#0b0bb7" d="M12.023 18.292c.5.516.905.937 1.311 1.362a1.6 1.6 0 0 1 .487 1.27a1.29 1.29 0 0 1-.831 1.176a1.27 1.27 0 0 1-1.49-.246c-1.373-1.376-2.754-2.745-4.114-4.134a1.37 1.37 0 0 1-.035-1.87a181 181 0 0 1 4.31-4.278a1.374 1.374 0 0 1 2.112.718a1.33 1.33 0 0 1-.284 1.386c-.247.245-.469.516-.716.762s-.509.472-.765.707l.054.137h.444q4.365.016 8.731.037a4.3 4.3 0 0 1 .76.067a1.406 1.406 0 0 1 1.144 1.446a1.426 1.426 0 0 1-1.275 1.337c-1.353.046-2.708.047-4.063.059c-1.7.014-3.406.02-5.11.031c-.184.004-.368.019-.67.033"/></svg>

Как использовать иконку Folder Type E2e Opened

React

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

<Icon icon="vscode-icons:folder-type-e2e-opened" width="24" />

Vue

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

<template>
  <Icon icon="vscode-icons:folder-type-e2e-opened" width="24" />
</template>

Svelte

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

<Icon icon="vscode-icons:folder-type-e2e-opened" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[vscode-icons--folder-type-e2e-opened]"></span>

UnoCSS

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

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

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

<iconify-icon icon="vscode-icons:folder-type-e2e-opened"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/vscode-icons/folder-type-e2e-opened.svg" alt="Иконка Folder Type E2e Opened" width="24" height="24">

Вопросы и ответы: Иконка Folder Type E2e Opened

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

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

Как использовать иконку Folder Type E2e Opened в React?

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

Как добавить иконку Folder Type E2e Opened на веб-страницу?

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

Все VSCode Icons →