Иконка Microsoft Fabric
thesvg-color:microsoft-fabric
Иконка Microsoft Fabric (thesvg-color:microsoft-fabric) — бесплатная SVG-иконка из набора theSVG Color от thesvg.org. Она нарисована на сетке 48 × 48. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- theSVG Color
- Автор
- thesvg.org
- Лицензия
- MIT
- Размер
- 48 × 48
- Теги
- microsoftfabric
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="#239c87"><path fill="url(#SVGObEbn5nJ)" fill-rule="evenodd" d="m5.64 31.6l-.586 2.144c-.218.685-.524 1.693-.689 2.59a5.63 5.63 0 0 0 4.638 7.588c.792.114 1.688.108 2.692-.04l4.613-.636a2.92 2.92 0 0 0 2.421-2.127l3.175-11.662L5.64 31.599Z" clip-rule="evenodd"/><path fill="url(#SVGyBS3Pc3v)" d="M10.14 32.152c-4.863.753-5.861 4.423-5.861 4.423l4.656-17.11l24.333-3.292l-3.318 12.052a1.71 1.71 0 0 1-1.388 1.244l-.136.022l-18.423 2.684z"/><path fill="url(#SVGFxpYwb8D)" fill-opacity=".8" d="M10.14 32.152c-4.863.753-5.861 4.423-5.861 4.423l4.656-17.11l24.333-3.292l-3.318 12.052a1.71 1.71 0 0 1-1.388 1.244l-.136.022l-18.423 2.684z"/><path fill="url(#SVGnbjPNbDI)" d="m12.899 21.235l26.938-3.98a1.6 1.6 0 0 0 1.323-1.17l2.78-10.06a1.595 1.595 0 0 0-1.74-2.012L16.498 7.81a7.19 7.19 0 0 0-5.777 5.193L7.013 26.438c.744-2.717 1.202-4.355 5.886-5.203"/><path fill="url(#SVGEgbged8R)" d="m12.899 21.235l26.938-3.98a1.6 1.6 0 0 0 1.323-1.17l2.78-10.06a1.595 1.595 0 0 0-1.74-2.012L16.498 7.81a7.19 7.19 0 0 0-5.777 5.193L7.013 26.438c.744-2.717 1.202-4.355 5.886-5.203"/><path fill="url(#SVG1Itjqcmy)" fill-opacity=".4" d="m12.899 21.235l26.938-3.98a1.6 1.6 0 0 0 1.323-1.17l2.78-10.06a1.595 1.595 0 0 0-1.74-2.012L16.498 7.81a7.19 7.19 0 0 0-5.777 5.193L7.013 26.438c.744-2.717 1.202-4.355 5.886-5.203"/><path fill="url(#SVGOAu16coe)" d="M12.899 21.236c-3.901.706-4.87 1.962-5.514 3.932L4.279 36.577s.992-3.633 5.796-4.41l18.352-2.673l.136-.022a1.71 1.71 0 0 0 1.388-1.244l2.73-9.915z"/><path fill="url(#SVG5eWGEceU)" fill-opacity=".2" d="M12.899 21.236c-3.901.706-4.87 1.962-5.514 3.932L4.279 36.577s.992-3.633 5.796-4.41l18.352-2.673l.136-.022a1.71 1.71 0 0 0 1.388-1.244l2.73-9.915z"/><path fill="url(#SVGPj7YneiI)" fill-rule="evenodd" d="M10.075 32.167c-4.06.657-5.392 3.345-5.71 4.164a5.63 5.63 0 0 0 4.638 7.59c.792.114 1.688.108 2.692-.039l4.613-.637a2.92 2.92 0 0 0 2.421-2.127l2.894-10.633l-11.547 1.683z" clip-rule="evenodd"/><defs><linearGradient id="SVGObEbn5nJ" x1="12.953" x2="12.953" y1="44.001" y2="29.457" gradientUnits="userSpaceOnUse"><stop offset=".056" stop-color="#2aac94"/><stop offset=".155" stop-color="#239c87"/><stop offset=".372" stop-color="#177e71"/><stop offset=".588" stop-color="#0e6961"/><stop offset=".799" stop-color="#095d57"/><stop offset="1" stop-color="#085954"/></linearGradient><linearGradient id="SVGyBS3Pc3v" x1="31.331" x2="17.286" y1="33.448" y2="18.173" gradientUnits="userSpaceOnUse"><stop offset=".042" stop-color="#abe88e"/><stop offset=".549" stop-color="#2aaa92"/><stop offset=".906" stop-color="#117865"/></linearGradient><linearGradient id="SVGFxpYwb8D" x1="-3.182" x2="10.183" y1="32.706" y2="28.148" gradientUnits="userSpaceOnUse"><stop stop-color="#6ad6f9"/><stop offset="1" stop-color="#6ad6f9" stop-opacity="0"/></linearGradient><linearGradient id="SVGnbjPNbDI" x1="7.013" x2="42.589" y1="15.219" y2="15.219" gradientUnits="userSpaceOnUse"><stop offset=".043" stop-color="#25ffd4"/><stop offset=".874" stop-color="#55ddb9"/></linearGradient><linearGradient id="SVGEgbged8R" x1="7.013" x2="39.06" y1="10.247" y2="25.128" gradientUnits="userSpaceOnUse"><stop stop-color="#6ad6f9"/><stop offset=".23" stop-color="#60e9d0"/><stop offset=".651" stop-color="#6de9bb"/><stop offset=".994" stop-color="#abe88e"/></linearGradient><linearGradient id="SVG1Itjqcmy" x1="9.978" x2="27.404" y1="13.031" y2="16.885" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0"/><stop offset=".459" stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient><linearGradient id="SVGOAu16coe" x1="15.756" x2="16.168" y1="27.96" y2="15.74" gradientUnits="userSpaceOnUse"><stop offset=".205" stop-color="#063d3b" stop-opacity="0"/><stop offset=".586" stop-color="#063d3b" stop-opacity=".237"/><stop offset=".872" stop-color="#063d3b" stop-opacity=".75"/></linearGradient><linearGradient id="SVG5eWGEceU" x1="2.81" x2="17.701" y1="26.744" y2="29.545" gradientUnits="userSpaceOnUse"><stop stop-color="#fff" stop-opacity="0"/><stop offset=".459" stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient><linearGradient id="SVGPj7YneiI" x1="13.567" x2="10.662" y1="39.97" y2="25.764" gradientUnits="userSpaceOnUse"><stop offset=".064" stop-color="#063d3b" stop-opacity="0"/><stop offset=".17" stop-color="#063d3b" stop-opacity=".135"/><stop offset=".562" stop-color="#063d3b" stop-opacity=".599"/><stop offset=".85" stop-color="#063d3b" stop-opacity=".9"/><stop offset="1" stop-color="#063d3b"/></linearGradient></defs></g></svg>
Как использовать иконку Microsoft Fabric
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:microsoft-fabric" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:microsoft-fabric" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:microsoft-fabric" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--microsoft-fabric]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:microsoft-fabric"></div>
Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:microsoft-fabric"></iconify-icon>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/microsoft-fabric.svg" alt="Иконка Microsoft Fabric" width="24" height="24">
Похожие иконки в наборе theSVG Color
Вопросы и ответы: Иконка Microsoft Fabric
Можно ли бесплатно использовать иконку Microsoft Fabric в коммерческих проектах?
Да. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Microsoft Fabric в React?
Установите @iconify/react и выведите <Icon icon="thesvg-color:microsoft-fabric" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Microsoft Fabric на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/thesvg-color/microsoft-fabric.svg" alt="Иконка Microsoft Fabric">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки theSVG Color →
