ICONYZ
Русский
Иконка Microsoft Fabric Data Warehouse из набора theSVG Color

Иконка Microsoft Fabric Data Warehouse

thesvg-color:microsoft-fabric-data-warehouse

Иконка Microsoft Fabric Data Warehouse (thesvg-color:microsoft-fabric-data-warehouse) — бесплатная SVG-иконка из набора theSVG Color от thesvg.org. Она нарисована на сетке 48 × 48. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
theSVG Color
Автор
thesvg.org
Лицензия
MIT
Размер
48 × 48
Теги
microsoftfabric, fabricdata, datawarehouse, microsoftfabricdatawarehouse
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="#0094e5"><path fill="url(#SVGOo4ONcJH)" d="M39 42.712c2.76 0 5-2.237 5-4.993V18.25c0-.6-.31-1.119-.78-1.408c-3.94-2.437-13.72-8.467-18.36-11.333a1.64 1.64 0 0 0-.85-.23c-.33 0-.63.1-.89.26C18.47 8.414 8.74 14.414 4.8 16.84c-.47.29-.79.819-.79 1.418v19.47a5 5 0 0 0 5 4.992h30l-.01-.01Z"/><path fill="url(#SVG1mDJgdQm)" d="M4 26.546v11.173a5 5 0 0 0 5 4.992h30c2.76 0 5-2.236 5-4.992V26.546z"/><path fill="url(#SVGJv7hnc7W)" d="M9 42.711c-2.76 0-5-2.236-5-4.992V26.077c0-.61.33-1.139.81-1.428l13.31-8.218a1.67 1.67 0 0 1 1.76 0l13.31 8.218c.49.29.81.819.81 1.428v11.642a5 5 0 0 0 5 4.992z"/><path fill="url(#SVGyEgDHgyq)" d="M9 42.711c-2.76 0-5-2.236-5-4.992V26.077c0-.61.33-1.139.81-1.428l13.31-8.218a1.67 1.67 0 0 1 1.76 0l13.31 8.218c.49.29.81.819.81 1.428v11.642a5 5 0 0 0 5 4.992z"/><path fill="url(#SVG47EPUb1b)" d="M34 37.719V26.546H4v11.173a5 5 0 0 0 5 4.992h30c-2.76 0-5-2.236-5-4.992"/><path fill="url(#SVGM50xCdeW)" d="M9 42.712c-2.76 0-5-2.237-5-4.992v-3.815c0-.599.32-1.118.79-1.418l8.33-5.142a1.67 1.67 0 0 1 1.76 0s4.54 2.806 8.32 5.133c.48.29.8.818.8 1.417v3.825a5 5 0 0 0 5 4.992z"/><path fill="url(#SVGRtCque0S)" d="M24.83 40.475A4.97 4.97 0 0 1 24 37.73v-3.824c0-.599-.32-1.128-.8-1.418c-3.78-2.326-8.32-5.132-8.32-5.132a1.67 1.67 0 0 0-1.76 0l-8.33 5.142c-.47.29-.79.82-.79 1.418v3.814c0 1.019.31 1.967.83 2.756h20v-.01Z"/><defs><linearGradient id="SVGOo4ONcJH" x1="24" x2="24" y1="42.712" y2="5.268" gradientUnits="userSpaceOnUse"><stop stop-color="#114a85"/><stop offset=".67" stop-color="#028edb"/></linearGradient><linearGradient id="SVG1mDJgdQm" x1="24" x2="24" y1="44.429" y2="28.263" gradientUnits="userSpaceOnUse"><stop stop-opacity=".2"/><stop offset=".55" stop-opacity="0"/></linearGradient><linearGradient id="SVGJv7hnc7W" x1="21.5" x2="21.5" y1="42.711" y2="16.182" gradientUnits="userSpaceOnUse"><stop offset=".31" stop-color="#0094e5"/><stop offset="1" stop-color="#40d8f9"/></linearGradient><linearGradient id="SVG47EPUb1b" x1="21.5" x2="21.5" y1="42.711" y2="26.546" gradientUnits="userSpaceOnUse"><stop offset=".09" stop-opacity=".2"/><stop offset=".55" stop-opacity="0"/></linearGradient><linearGradient id="SVGM50xCdeW" x1="16.5" x2="16.5" y1="42.722" y2="27.096" gradientUnits="userSpaceOnUse"><stop stop-color="#3cc5ee"/><stop offset="1" stop-color="#50e0ff"/></linearGradient><linearGradient id="SVGRtCque0S" x1="14.41" x2="14.41" y1="38.069" y2="24.689" gradientUnits="userSpaceOnUse"><stop stop-color="#a1ecff" stop-opacity="0"/><stop offset=".9" stop-color="#a1ecff" stop-opacity=".9"/></linearGradient><radialGradient id="SVGyEgDHgyq" cx="0" cy="0" r="1" gradientTransform="matrix(14.69 0 0 14.6678 14.78 39.257)" gradientUnits="userSpaceOnUse"><stop stop-opacity=".3"/><stop offset="1" stop-opacity="0"/></radialGradient></defs></g></svg>

Как использовать иконку Microsoft Fabric Data Warehouse

React

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

<Icon icon="thesvg-color:microsoft-fabric-data-warehouse" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:microsoft-fabric-data-warehouse" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:microsoft-fabric-data-warehouse" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--microsoft-fabric-data-warehouse]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:microsoft-fabric-data-warehouse"></div>

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

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

<iconify-icon icon="thesvg-color:microsoft-fabric-data-warehouse"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/thesvg-color/microsoft-fabric-data-warehouse.svg" alt="Иконка Microsoft Fabric Data Warehouse" width="24" height="24">

Похожие иконки в наборе theSVG Color

Вопросы и ответы: Иконка Microsoft Fabric Data Warehouse

Можно ли бесплатно использовать иконку Microsoft Fabric Data Warehouse в коммерческих проектах?

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

Как использовать иконку Microsoft Fabric Data Warehouse в React?

Установите @iconify/react и выведите <Icon icon="thesvg-color:microsoft-fabric-data-warehouse" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Microsoft Fabric Data Warehouse на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/thesvg-color/microsoft-fabric-data-warehouse.svg" alt="Иконка Microsoft Fabric Data Warehouse">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки theSVG Color →