Иконка Folder Type Css

vscode-icons:folder-type-css

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

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

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#893dd1" d="M27.347 5.568h-9.3l-2.1 4.2h-11.7v16.8h25.2v-21Zm0 4.2h-8.2l1.1-2.1h7.1z"/><path fill="#639" d="M12.475 12.475H28.05a2.967 2.967 0 0 1 2.967 2.966v12.61a2.967 2.967 0 0 1-2.967 2.966H15.441a2.967 2.967 0 0 1-2.966-2.967Z"/><path fill="#fff" d="M17.166 27.624v-3.115c0-1.243.797-1.91 2.002-1.91c1.187-.019 1.929.76 1.892 2.076h-1.372c.037-.5-.186-.871-.557-.852c-.463 0-.593.315-.593.908v2.707c0 .575.185.853.593.872c.427 0 .594-.427.557-.909h1.372c.074 1.354-.78 2.151-1.984 2.133c-1.169 0-1.91-.65-1.91-1.91m4.394-.223h1.28c.018.594.204.964.612.964s.556-.24.556-.797c0-.463-.204-.723-.705-.964l-.482-.223c-.853-.408-1.205-.908-1.205-1.91c0-1.112.705-1.89 1.854-1.89s1.762.796 1.78 2.094h-1.242c0-.537-.111-.908-.52-.908c-.37 0-.556.185-.556.649c0 .463.167.649.612.834l.445.204c.946.445 1.354 1.02 1.354 2.096c0 1.279-.723 1.984-1.91 1.984s-1.854-.816-1.873-2.133m4.19 0h1.299c0 .594.204.964.593.964c.39 0 .557-.24.557-.797c0-.463-.186-.723-.705-.964l-.482-.223c-.853-.408-1.187-.908-1.187-1.91c0-1.112.686-1.89 1.854-1.89s1.743.796 1.78 2.094h-1.242c-.018-.537-.13-.908-.538-.908c-.37 0-.537.185-.537.649c0 .463.148.649.593.834l.464.204c.927.445 1.335 1.02 1.335 2.096c0 1.279-.724 1.984-1.91 1.984c-1.187 0-1.855-.816-1.873-2.133z"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

Все VSCode Icons →