Иконка Folder Type Locale

vscode-icons:folder-type-locale

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

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

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#5561bf" 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="#d9d9d9" d="M29.6 31a1.39 1.39 0 0 0 1.4-1.376V15.591a1.39 1.39 0 0 0-1.4-1.376H15.968L21.439 31Z"/><path fill="#4352b8" d="M25.03 27.035L21.464 31l-1.297-3.965z"/><path fill="#617d8b" d="M29.673 20.03v-.82h-3.955v-1.326h-1.283v1.325H21.91v.82h5.023a7.3 7.3 0 0 1-1.441 2.535c-1.027-1.214-1.031-1.609-1.031-1.609H23.4s.044.591 1.483 2.278a10 10 0 0 1-.822.761l.328 1.024s.494-.425 1.115-1.083a46 46 0 0 0 2.459 2.449l.673-.673c-1.111-1.008-1.925-1.807-2.522-2.449a7.45 7.45 0 0 0 1.786-3.234h1.775Z"/><path fill="#4f8bf5" d="M11.4 10a1.4 1.4 0 0 0-1.4 1.4v14.24a1.4 1.4 0 0 0 1.4 1.4h13.632L19.561 10Z"/><path fill="#fff" d="M21.242 14.216H29.6a1.39 1.39 0 0 1 1.4 1.375v8.419Z" opacity=".2"/><path fill="#f2f2f2" d="M13.792 18.856c.458-1.18.908-2.362 1.365-3.542h1.327q.107.273.212.548c.335.865.665 1.732 1 2.6s.659 1.714.989 2.572l.267.692h-1.165q-.249-.758-.494-1.518h-2.944q-.245.76-.493 1.518h-1.165l1.1-2.866m.886.5h2.288c-.382-1-.76-2.008-1.144-3.011c-.384 1.003-.761 2.009-1.143 3.012Z"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

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

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

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

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

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

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

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

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

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

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

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

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

Все VSCode Icons →