Microsoft Fabric Data Factory アイコン
thesvg-color:microsoft-fabric-data-factory
Microsoft Fabric Data Factory アイコン(thesvg-color:microsoft-fabric-data-factory)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 48 × 48 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 48 × 48
- タグ
- microsoftfabric、fabricdata、datafactory、microsoftfabricdatafactory
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="#107c10"><path fill="url(#SVG42d0UcPS)" d="M15.557 44c-.828 0-1.467-.74-1.347-1.56C15.986 30.41 26.296 21.5 38.432 21.5h2.455c1.677 0 2.904-1 2.904-2.68l.14-.66v11.67c0 1.84-1.487 3.33-3.323 3.33H39.23a11.65 11.65 0 0 0-11.129 8.24l-.439 1.42c-.22.7-.858 1.18-1.587 1.18z"/><path fill="url(#SVGq7mG7cPg)" d="M15.557 44c-.828 0-1.467-.74-1.347-1.56C15.986 30.41 26.296 21.5 38.432 21.5h2.455c1.677 0 2.904-1 2.904-2.68l.14-.66v11.67c0 1.84-1.487 3.33-3.323 3.33H39.23a11.65 11.65 0 0 0-11.129 8.24l-.439 1.42c-.22.7-.858 1.18-1.587 1.18z"/><path fill="url(#SVGm30PpQ9r)" d="M5.667 30.67C4.749 30.67 4 29.92 4 29V19c0-.92.749-1.67 1.667-1.67h29.94c.919 0 1.667.75 1.667 1.67v10c0 .92-.748 1.67-1.667 1.67z"/><path fill="url(#SVGqnWJCqQf)" d="M5.667 30.67C4.749 30.67 4 29.92 4 29V19c0-.92.749-1.67 1.667-1.67h29.94c.919 0 1.667.75 1.667 1.67v10c0 .92-.748 1.67-1.667 1.67z"/><path fill="url(#SVGAi20QbEY)" d="M15.577 4c-.838 0-1.487.75-1.367 1.58c1.776 12.25 12.256 21.33 24.611 21.33h2.066a3.036 3.036 0 0 1 3.034 3.04V18.17c0-1.84-1.487-3.33-3.323-3.33H39.22c-5.11 0-9.62-3.34-11.128-8.24l-.439-1.42c-.22-.7-.858-1.18-1.587-1.18z"/><path fill="url(#SVGG50ywbCR)" d="M40.597 14.83H39.22c-2.366 0-4.601-.72-6.468-1.98v13.3c1.947.49 3.983.76 6.078.76h2.066a3.036 3.036 0 0 1 3.034 3.04V18.17c0-1.84-1.487-3.33-3.323-3.33z" opacity=".4"/><path fill="url(#SVGlk7xLeRU)" d="M15.656 4c-.838 0-1.487.75-1.367 1.58c1.776 12.25 12.255 21.33 24.61 21.33h2.067A3.036 3.036 0 0 1 44 29.95V18.17c0-1.84-1.487-3.33-3.324-3.33H39.3c-5.11 0-9.62-3.34-11.128-8.24l-.439-1.42c-.22-.7-.858-1.18-1.587-1.18z" opacity=".7"/><defs><linearGradient id="SVG42d0UcPS" x1="16.545" x2="44.155" y1="45.96" y2="18.405" gradientUnits="userSpaceOnUse"><stop offset=".26" stop-color="#0d7012"/><stop offset="1" stop-color="#085714"/></linearGradient><linearGradient id="SVGq7mG7cPg" x1="57.414" x2="5.029" y1="26.11" y2="37.726" gradientUnits="userSpaceOnUse"><stop offset=".04" stop-color="#114a8a"/><stop offset="1" stop-color="#0c59a3" stop-opacity="0"/></linearGradient><linearGradient id="SVGm30PpQ9r" x1="-16.859" x2="36.246" y1="24" y2="24" gradientUnits="userSpaceOnUse"><stop stop-color="#107c10"/><stop offset=".96" stop-color="#56b50e"/></linearGradient><linearGradient id="SVGAi20QbEY" x1="45.827" x2="19.97" y1="37.66" y2=".798" gradientUnits="userSpaceOnUse"><stop offset=".04" stop-color="#33980f"/><stop offset="1" stop-color="#bae884"/></linearGradient><linearGradient id="SVGG50ywbCR" x1="37.792" x2="43.801" y1="21.4" y2="21.4" gradientUnits="userSpaceOnUse"><stop stop-color="#e5fac1" stop-opacity="0"/><stop offset=".56" stop-color="#e5fac1" stop-opacity=".52"/><stop offset="1" stop-color="#e5fac1"/></linearGradient><linearGradient id="SVGlk7xLeRU" x1="12.941" x2="28.537" y1="-14.91" y2="12.033" gradientUnits="userSpaceOnUse"><stop offset=".14" stop-color="#fde100"/><stop offset=".98" stop-color="#ffc600" stop-opacity="0"/></linearGradient><radialGradient id="SVGqnWJCqQf" cx="0" cy="0" r="1" gradientTransform="rotate(-56.322 35.626 -17.547)scale(10.1638 25.898)" gradientUnits="userSpaceOnUse"><stop stop-opacity=".3"/><stop offset="1" stop-opacity="0"/></radialGradient></defs></g></svg>
Microsoft Fabric Data Factory アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:microsoft-fabric-data-factory" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:microsoft-fabric-data-factory" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:microsoft-fabric-data-factory" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--microsoft-fabric-data-factory]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:microsoft-fabric-data-factory"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:microsoft-fabric-data-factory"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/microsoft-fabric-data-factory.svg" alt="Microsoft Fabric Data Factory アイコン" width="24" height="24">
Microsoft Fabric Data Factory アイコン のよくある質問
Microsoft Fabric Data Factory アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Microsoft Fabric Data Factory アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:microsoft-fabric-data-factory" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Microsoft Fabric Data Factory アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/microsoft-fabric-data-factory.svg" alt="Microsoft Fabric Data Factory アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
theSVG Color アイコン をすべて見る →
