Иконка Folder Type Fedora Opened

vscode-icons:folder-type-fedora-opened

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

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

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><defs><clipPath id="SVGMiydzbba"><rect width="25.9" height="25.9" x="43.2" y="2.93" fill="none" ry="0"/></clipPath></defs><path fill="#779bd8" 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.1z"/><path fill="#779bd8" d="M4.3 26.5h25.2l-3.8-12.8H.5z"/><rect width="12.5" height="13.4" x="13.7" y="14.7" ry="0"/><path fill="#51a2da" d="M56.2 2.91c-7.15 0-12.9 5.8-13 12.9h-.002v10h.002a2.947 2.947 0 0 0 2.94 2.94h10c7.15-.005 12.9-5.8 12.9-13c0-7.16-5.8-13-13-13zm22.7 5.23c-2.74 0-4.5 2.08-4.51 4.03v11.3c-.003 1.39 2.12 1.39 2.11 0v-7.53h2.17c.508 0 .942-.368.942-.959a.93.93 0 0 0-.942-.948H76.5v-1.74c0-1.11.869-2.04 2.62-2.02c.609.008.823.155 1.05.291c1.21.804 2.38-1.06 1.11-1.77c-.78-.477-1.51-.646-2.38-.646zm-20 .103c2.18 0 4.23 1.67 4.23 3.96c0 .213.001.426-.034.668a1.083 1.083 0 0 1-1.23.964a1.08 1.08 0 0 1-.908-1.27a3 3 0 0 0 .014-.363c0-1.3-1.07-1.81-2.07-1.81c-1.01 0-1.92.847-1.92 1.81c.018 1.11 0 2.21 0 3.32l1.87-.014c1.46-.03 1.48 2.17.017 2.16l-1.89.014c-.004.892.007.73.002 1.18c0 0 .016 1.09-.016 1.92c-.226 2.43-2.29 4.37-4.78 4.37c-2.63 0-4.8-2.15-4.8-4.79c.079-2.71 2.24-4.85 4.97-4.82l1.52-.011v2.16l-1.52.014h-.008c-1.5.044-2.78 1.06-2.81 2.67c0 1.46 1.18 2.63 2.65 2.63c1.46 0 2.64-1.07 2.64-2.63l-.002-8.16c0-.151.005-.272.022-.44c.247-2 2.03-3.52 4.05-3.52zm43.2.098c-.659-.035-1.14.617-1.04 1.24v4.81c-2.09-1.75-5.49-1.63-7.42.31c-1.95 1.74-2.32 4.89-.903 7.06c1.04 1.64 2.95 2.81 4.91 2.72c1.24-.012 2.46-.545 3.41-1.33c-.098.622.383 1.28 1.05 1.24c.653.029 1.16-.615 1.06-1.24c-.011-4.62.011-9.25-.011-13.9c-.034-.52-.53-.948-1.05-.934h-.002zm8.16 4.71a5.77 5.73 0 0 0-5.77 5.72a5.77 5.73 0 0 0 5.77 5.73a5.77 5.73 0 0 0 5.77-5.73a5.77 5.73 0 0 0-5.77-5.72m18.9.05c-1.44 0-2.48.428-3.24.97c-1.15.822.087 2.54 1.24 1.72c.523-.374.911-.573 2-.573c1.36.027 2.45.536 2.45 1.55c-.728.46-3.89.842-5.59 1.81s-1.61 2.19-1.61 2.98c0 1.74 1.83 2.91 3.42 2.91c1.58 0 2.26-.332 3.81-1.39v.302c-.05 1.46 2.17 1.46 2.12 0v-6.23c.007-2.58-1.85-4-4.59-4.04zm-10.5.022c-.917 0-1.07.757-1.06 1.06v9.19c-.025.594.466 1.09 1.08 1.09c.616 0 1.11-.493 1.08-1.09c0 0 .016-3.42 0-5.61s1.76-2.66 2.38-2.66c.46 0 .829.258 1.19.244c.541-.02.984-.384.984-1.02c-.016-1.03-1.28-1.17-2.21-1.15c-.93.019-1.72.304-2.4.71c0 0-.142-.763-1.06-.763zm-32.5.023c-.702-.054-1.48.058-2.33.389c-2.07.799-3.47 2.76-3.47 5.18c-.006 2.54 1.77 5.81 5.45 5.83c2.48.016 3.71-.91 4.38-1.54a1.052 1.052 0 1 0-1.44-1.532c-.5.468-1.23 1.16-3.32.933c-.894-.099-1.85-.825-2.17-1.38l6.83-2.9c.522-.232.763-.838.542-1.36c-.914-1.8-2.36-3.46-4.46-3.62zm24.1 2.05a3.61 3.58 0 0 1 3.61 3.58a3.61 3.58 0 0 1-3.61 3.58a3.61 3.58 0 0 1-3.61-3.58a3.61 3.58 0 0 1 3.61-3.58m-12.7.056c1.89-.05 3.57 1.65 3.54 3.52c.04 1.87-1.65 3.57-3.54 3.52c-1.79.047-3.44-1.47-3.53-3.25c-.191-1.83 1.32-3.63 3.16-3.77q.183-.018.366-.017zm-11.9.056c1.03 0 2 .53 2.49 1.38l-5.68 2.43c-.406-1.51 1.26-3.29 2.17-3.63c.34-.124.686-.185 1.03-.184zm46 3.54c0 .685.01.883-.008 1.57c-.005.823-.521 1.2-1.06 1.52c-.541.315-1.64.59-2.28.62c-.735.025-1.71-.14-1.76-1.01c0-.525.255-.852.674-1.22c.99-.742 2.33-.991 4.43-1.48z" clip-path="url(#SVGMiydzbba)" transform="matrix(.79 0 0 .79 -23.7 8.18)"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/vscode-icons -->
<div class="i-vscode-icons:folder-type-fedora-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-fedora-opened"></iconify-icon>

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

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

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

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

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

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

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

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

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

Все VSCode Icons →