Иконка File Cabinet
fluent-emoji-flat:file-cabinet
Иконка File Cabinet (fluent-emoji-flat:file-cabinet) — бесплатная SVG-иконка из набора Fluent Emoji Flat от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji Flat icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji Flat
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 32
- Категория
- Предметы
- Теги
- filecabinet
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#000" d="M22.39 30H9.61A2.615 2.615 0 0 1 7 27.384V4.617A2.615 2.615 0 0 1 9.61 2h12.78C23.83 2 25 3.173 25 4.617v22.767A2.615 2.615 0 0 1 22.39 30"/><path fill="#433b6b" d="M9.745 15.5h12.52c.957 0 1.745-.794 1.735-1.76V4.76C24 3.784 23.222 3 22.255 3H9.745C8.778 3 8 3.784 8 4.76v8.98c0 .976.778 1.76 1.745 1.76m0 13.5h12.52c.957 0 1.745-.794 1.735-1.76v-8.98c0-.976-.778-1.76-1.745-1.76H9.745C8.778 16.5 8 17.284 8 18.26v8.98c0 .976.778 1.76 1.745 1.76"/><path fill="#f4f4f4" d="M13.53 8.1h4.9c.44 0 .79-.35.79-.79V5.73c0-.44-.36-.79-.79-.79h-4.9c-.44 0-.79.36-.79.79v1.58c0 .44.36.79.79.79m0 13.42h4.9c.44 0 .79-.35.79-.79v-1.58c0-.44-.36-.79-.79-.79h-4.9c-.44 0-.79.36-.79.79v1.58c0 .44.36.79.79.79"/><path fill="#8d65c5" d="M13.53 4.567c-.649 0-1.163.53-1.163 1.163v1.58c0 .649.53 1.163 1.163 1.163h4.9c.646 0 1.163-.517 1.163-1.163V5.73c0-.649-.53-1.163-1.163-1.163zm-.417 1.163c0-.227.186-.417.417-.417h4.9c.227 0 .417.186.417.417v1.58a.413.413 0 0 1-.417.417h-4.9a.42.42 0 0 1-.417-.417zm-.003 4.45a.75.75 0 0 0 0 1.5h5.72a.75.75 0 0 0 0-1.5zm-.743 8.97c0-.633.514-1.163 1.163-1.163h4.9c.633 0 1.163.514 1.163 1.163v1.58c0 .646-.517 1.163-1.163 1.163h-4.9a1.164 1.164 0 0 1-1.163-1.163zm1.163-.417a.42.42 0 0 0-.417.417v1.58c0 .231.19.417.417.417h4.9a.413.413 0 0 0 .417-.417v-1.58a.42.42 0 0 0-.417-.417zm-.42 4.867a.75.75 0 0 0 0 1.5h5.72a.75.75 0 0 0 0-1.5z"/></g></svg>
Как использовать иконку File Cabinet
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:file-cabinet" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:file-cabinet" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:file-cabinet" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--file-cabinet]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:file-cabinet"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:file-cabinet"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/file-cabinet.svg" alt="Иконка File Cabinet" width="24" height="24">
Похожие иконки в наборе Fluent Emoji Flat
Иконка File Cabinet в других наборах
Вопросы и ответы: Иконка File Cabinet
Можно ли бесплатно использовать иконку File Cabinet в коммерческих проектах?
Да. Fluent Emoji Flat icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку File Cabinet в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji-flat:file-cabinet" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку File Cabinet на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/file-cabinet.svg" alt="Иконка File Cabinet">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Fluent Emoji Flat →
ICONYZ
