Иконка File Sass
fluent-mdl2:file-sass
Иконка File Sass (fluent-mdl2:file-sass) — бесплатная SVG-иконка из набора Fluent UI MDL2 от Microsoft Corporation. Она нарисована на сетке 2048 × 2048. Fluent UI MDL2 icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent UI MDL2
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 2048 × 2048
- Теги
- filesass
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="2048" height="2048" viewBox="0 0 2048 2048"><path fill="currentColor" d="M256 2048H128V0h1115l549 549v859h-128V640h-512V128H256zM1280 512h293l-293-293zM512 384H384V256h128zm0 256H384V512h128zM384 768h128v128H384zm102 807q0 21 8 36t25 28q21 17 47 27t49 23q29 15 57 32t51 40t37 51t14 65q0 50-20 82t-54 53t-74 28t-84 8q-16 0-38-2t-47-6t-45-11t-34-16v-106q13 13 33 23t42 17t45 12t40 4q21 0 44-3t41-12t31-25t13-44q0-30-21-50t-54-38t-69-35t-70-40t-53-57t-22-81q0-46 21-78t54-53t73-29t80-10q32 0 72 3t70 19v101q-30-21-65-29t-71-8q-19 0-41 3t-41 13t-31 25t-13 40m558-7q86 0 130 42t44 129v298h-102v-71q-47 82-140 82q-63 0-103-34t-41-100q0-36 11-62t30-45t48-28t61-16l136-20q0-47-22-72t-71-26q-42 0-79 15t-69 42v-91q38-23 80-33t87-10m74 244l-97 13q-38 5-64 20t-26 58q0 34 23 50t54 16q25 0 45-9t34-25t23-37t8-46zm330-112q0 22 16 35t41 23t54 21t53 27t41 41t17 64q0 38-19 64t-47 43t-64 23t-66 7q-33 0-66-5t-64-20v-96q29 21 61 32t68 12q14 0 30-2t31-8t23-17t10-29q0-22-16-35t-42-24t-53-20t-54-27t-41-41t-17-64q0-36 17-62t45-42t61-24t64-8q61 0 114 19v91q-50-33-111-33q-13 0-28 2t-28 9t-21 17t-9 27m378 0q0 22 16 35t41 23t54 21t53 27t41 41t17 64t-18 65t-47 42t-63 23t-67 7t-66-5t-64-20v-96q28 21 60 32t68 12q14 0 30-2t31-8t23-17t10-29q0-22-16-35t-41-24t-54-20t-53-27t-41-40t-17-65q0-36 17-62t45-42t61-24t64-8q60 0 114 19v91q-50-33-111-33q-12 0-27 2t-29 9t-22 17t-9 27"/></svg>
Как использовать иконку File Sass
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-mdl2:file-sass" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-mdl2:file-sass" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-mdl2:file-sass" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-mdl2--file-sass]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-mdl2 -->
<div class="i-fluent-mdl2:file-sass"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-mdl2:file-sass"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-mdl2/file-sass.svg" alt="Иконка File Sass" width="24" height="24">
Похожие иконки в наборе Fluent UI MDL2
Вопросы и ответы: Иконка File Sass
Можно ли бесплатно использовать иконку File Sass в коммерческих проектах?
Да. Fluent UI MDL2 icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку File Sass в React?
Установите @iconify/react и выведите <Icon icon="fluent-mdl2:file-sass" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку File Sass на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-mdl2/file-sass.svg" alt="Иконка File Sass">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Fluent UI MDL2 →
ICONYZ
