Иконка Folder Type Suse

vscode-icons:folder-type-suse

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

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

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#659136" d="M27.5 5.5h-9.3l-2.1 4.2H4.4v16.8h25.2v-21Zm0 4.2h-8.2l1.1-2.1h7.1Z"/><path fill="#72ba25" fill-rule="evenodd" d="M28.8 19.4a.85.85 0 0 0-.62.231a.87.87 0 0 0 .561 1.5a.866.866 0 1 0 .059-1.731m.142.947c-.212 0-.384-.115-.384-.256s.172-.256.384-.256s.384.114.384.256c0 .141-.172.256-.384.256m2.02 1.03c.006-.005.02-.018.019-.03c-.048-.3-.495-1.75-.833-2.1c-.093-.095-.168-.188-.32-.276c-1.22-.713-4.12-1.14-4.26-1.16c0 0-.013-.003-.022.006c-.008.007-.01.021-.01.021l-.012.668c-.296-.1-2.45-.795-4.47-.865c-1.71-.06-4.21-.282-7.51 1.75l-.098.06c-1.55.97-2.63 2.17-3.19 3.55c-.176.438-.413 1.42-.178 2.35c.101.407.29.815.543 1.18c.574.826 1.54 1.37 2.57 1.46c1.46.132 2.57-.526 2.97-1.76c.271-.85 0-2.1-1.04-2.73c-.846-.517-1.76-.4-2.28-.05c-.458.303-.717.775-.712 1.29c.01.919.802 1.41 1.37 1.41c.165 0 .331-.03.518-.09a.8.8 0 0 0 .198-.088l.022-.013l.014-.009l-.005.003a.47.47 0 0 0 .19-.514a.467.467 0 0 0-.535-.33l-.032.007l-.044.014l-.063.021c-.13.032-.229.035-.25.036c-.066-.004-.394-.102-.394-.46v-.006c0-.132.053-.224.082-.275c.102-.16.381-.317.758-.284c.495.043.851.296 1.09.775c.22.445.162.992-.148 1.39c-.308.397-.855.566-1.58.488a2.16 2.16 0 0 1-1.7-1.16c-.34-.643-.359-1.41-.048-1.99c.743-1.4 2.15-1.39 2.92-1.26c1.14.198 2.44 1.25 2.89 2.46c.074.193.112.347.145.487l.05.21l1.29.628c.027.014.037.018.048.01c.013-.01.005-.037.005-.037c-.008-.029-.026-.055-.056-.415c-.025-.32-.074-1.19.366-1.63c.17-.17.432-.321.638-.37c.844-.205 1.83-.063 2.77 1.02c.484.56.72.815.839.929l.041.037c.016.013.026.024.049.036c.039.022 1.61.744 1.61.744s.019.01.032-.007s0-.034 0-.034c-.01-.012-.994-1.28-.82-2.33c.139-.834.803-.759 1.72-.655c.3.035.642.074.996.082c.987.006 2.05-.176 2.7-.463c.424-.184.694-.307.864-.46a.5.5 0 0 0 .125-.222l.023-.058a3 3 0 0 0 .085-.305c.008-.036.016-.072-.014-.095c-.028-.021-.09.017-.09.017c-.289.173-1.01.5-1.68.515c-.836.016-2.53-.845-2.7-.936q-.176-.42-.354-.837c1.21.797 2.21 1.24 2.98 1.31c.855.076 1.52-.39 1.81-.585q.058-.04.11-.08zm-3.43-1.15a1.24 1.24 0 0 1 1.283-1.198c.684.024 1.22.602 1.2 1.28a1.24 1.24 0 0 1-1.284 1.198a1.25 1.25 0 0 1-1.2-1.28z" clip-rule="evenodd"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

Все VSCode Icons →