ICONYZ
日本語
theSVG Color の Microsoft Fabric Industry Solutions アイコン

Microsoft Fabric Industry Solutions アイコン

thesvg-color:microsoft-fabric-industry-solutions

Microsoft Fabric Industry Solutions アイコン(thesvg-color:microsoft-fabric-industry-solutions)は、theSVG Color セットの無料 SVG アイコンです(作者: thesvg.org)。 48 × 48 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
theSVG Color
作者
thesvg.org
ライセンス
MIT
サイズ
48 × 48
タグ
microsoftfabric、fabricindustry、industrysolutions、microsoftfabricindustrysolutions、solution
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="url(#SVGtDyygcbJ)" d="M36.374 27.789c2.16 0 4.212 1.739 4.918 3.649c.2.539.308 1.121.308 1.728c0 2.761-2.244 5-5.013 5h-2.589c-4.418 0-8.164 1.332-10.47 5.388a.836.836 0 0 1-1.576-.388V27.319z"/><path fill="url(#SVGU0AiMdKN)" d="M36.374 27.789c2.16 0 4.212 1.739 4.918 3.649c.2.539.308 1.121.308 1.728c0 2.761-2.244 5-5.013 5h-2.589c-4.418 0-8.164 1.332-10.47 5.388a.836.836 0 0 1-1.576-.388V27.319z"/><path fill="url(#SVG0qV063Lj)" d="M41.291 31.438a5.01 5.01 0 0 0-4.706-3.272H9.849C6.619 28.166 4 25.554 4 22.333s2.807-6.136 6.037-6.136l10.642-.349l14.26-.092l.317.672l6.036 15.009"/><path fill="url(#SVGgcX8rcGp)" d="M41.291 31.438a5.01 5.01 0 0 0-4.706-3.272H9.849C6.619 28.166 4 25.554 4 22.333s2.807-6.136 6.037-6.136l10.642-.349l14.26-.092l.317.672l6.036 15.009"/><path fill="url(#SVGbE9bGdZK)" d="m43.894 14.25l-3.328-8.274A3.34 3.34 0 0 0 37.513 4H11.038a3.34 3.34 0 0 0-3.217 2.428l-3.66 14.569c.684-2.464 2.894-4.497 5.582-4.497H42.33a1.67 1.67 0 0 0 1.565-2.25"/><defs><linearGradient id="SVGtDyygcbJ" x1="20.079" x2="41.103" y1="36.288" y2="30.655" gradientUnits="userSpaceOnUse"><stop offset=".536" stop-color="#0a5bab"/><stop offset=".726" stop-color="#0a4b95"/><stop offset=".889" stop-color="#0b3b7f"/></linearGradient><linearGradient id="SVGU0AiMdKN" x1="31.776" x2="31.776" y1="36.084" y2="19.404" gradientUnits="userSpaceOnUse"><stop offset=".309" stop-opacity="0"/><stop offset=".563" stop-opacity=".4"/></linearGradient><linearGradient id="SVG0qV063Lj" x1="42.37" x2="5.113" y1="27.418" y2="17.435" gradientUnits="userSpaceOnUse"><stop offset=".1" stop-color="#a0a4f3"/><stop offset=".6" stop-color="#3d7deb"/><stop offset=".95" stop-color="#2c57c2"/></linearGradient><linearGradient id="SVGgcX8rcGp" x1="22.647" x2="22.647" y1="25.427" y2="9.745" gradientUnits="userSpaceOnUse"><stop offset=".28" stop-color="#2c57c2" stop-opacity="0"/><stop offset=".564" stop-color="#2849ab" stop-opacity=".5"/></linearGradient><linearGradient id="SVGbE9bGdZK" x1="31.96" x2="16.037" y1=".275" y2="27.854" gradientUnits="userSpaceOnUse"><stop offset=".24" stop-color="#bbc2fb"/><stop offset=".8" stop-color="#79b6fb"/></linearGradient></defs></g></svg>

Microsoft Fabric Industry Solutions アイコンの使い方

React

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

<Icon icon="thesvg-color:microsoft-fabric-industry-solutions" width="24" />

Vue

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

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

Svelte

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

<Icon icon="thesvg-color:microsoft-fabric-industry-solutions" width="24" />

Tailwind CSS

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

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:microsoft-fabric-industry-solutions"></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-industry-solutions"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg-color/microsoft-fabric-industry-solutions.svg" alt="Microsoft Fabric Industry Solutions アイコン" width="24" height="24">

theSVG Color の関連アイコン

Microsoft Fabric Industry Solutions アイコン のよくある質問

Microsoft Fabric Industry Solutions アイコンは商用利用でも無料ですか?

はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Microsoft Fabric Industry Solutions アイコンを使うには?

@iconify/react をインストールして <Icon icon="thesvg-color:microsoft-fabric-industry-solutions" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Microsoft Fabric Industry Solutions アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/microsoft-fabric-industry-solutions.svg" alt="Microsoft Fabric Industry Solutions アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

theSVG Color アイコン をすべて見る →