Иконка File Tray
famicons:file-tray
Иконка File Tray (famicons:file-tray) — бесплатная SVG-иконка из набора Famicons от Family. Она нарисована на сетке 512 × 512. Famicons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="m479.66 268.7l-32-151.81C441.48 83.77 417.68 64 384 64H128c-16.8 0-31 4.69-42.1 13.94s-18.37 22.31-21.58 38.89l-32 151.87A16.7 16.7 0 0 0 32 272v112a64 64 0 0 0 64 64h320a64 64 0 0 0 64-64V272a16.7 16.7 0 0 0-.34-3.3m-384-145.4v-.28c3.55-18.43 13.81-27 32.29-27H384c18.61 0 28.87 8.55 32.27 26.91c0 .13.05.26.07.39l26.93 127.88a4 4 0 0 1-3.92 4.82H320a15.92 15.92 0 0 0-16 15.82a48 48 0 1 1-96 0A15.92 15.92 0 0 0 192 256H72.65a4 4 0 0 1-3.92-4.82Z"/></svg>Как использовать иконку File Tray
React
import { Icon } from "@iconify/react";
<Icon icon="famicons:file-tray" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="famicons:file-tray" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="famicons:file-tray" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[famicons--file-tray]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/famicons -->
<div class="i-famicons:file-tray"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="famicons:file-tray"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/famicons/file-tray.svg" alt="Иконка File Tray" width="24" height="24">Похожие иконки в наборе Famicons
Иконка File Tray в других наборах
Вопросы и ответы: Иконка File Tray
Можно ли бесплатно использовать иконку File Tray в коммерческих проектах?
Да. Famicons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку File Tray в React?
Установите @iconify/react и выведите <Icon icon="famicons:file-tray" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку File Tray на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/famicons/file-tray.svg" alt="Иконка File Tray">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.