Microsoft Purview アイコン
thesvg-color:microsoft-purview
Microsoft Purview アイコン(thesvg-color:microsoft-purview)は、theSVG Color セットの無料 SVG アイコンです(作者: thesvg.org)。 48 × 48 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 48 × 48
- タグ
- microsoftpurview
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="#0078d4"><path fill="url(#SVGGSTQyebX)" d="M45.472 33.113L32.57 10.763A24.1 24.1 0 0 1 34.519 21.6l-2.231-.166s1.477.459 1.804 1.164c1.017 2.159-2.352 9.272-3.517 11.018c-1.888 2.832-5.544 6.483-6.499 6.483c-.298 0-.425-.104-.425-.104c-3.468 2.145-7.564 4.245-11.772 4.504h27.02c5.843 0 9.494-6.326 6.573-11.387Z"/><path fill="url(#SVGy6G88ckl)" fill-opacity=".5" d="M45.472 33.113L32.57 10.763A24.1 24.1 0 0 1 34.519 21.6l-2.231-.166s1.477.459 1.804 1.164c1.017 2.159-2.352 9.272-3.517 11.018c-1.888 2.832-5.544 6.483-6.499 6.483c-.298 0-.425-.104-.425-.104c-3.468 2.145-7.564 4.245-11.772 4.504h27.02c5.843 0 9.494-6.326 6.573-11.387Z"/><path fill="url(#SVGXJppfccf)" fill-opacity=".2" d="M45.472 33.113L32.57 10.763A24.1 24.1 0 0 1 34.519 21.6l-2.231-.166s1.477.459 1.804 1.164c1.017 2.159-2.352 9.272-3.517 11.018c-1.888 2.832-5.544 6.483-6.499 6.483c-.298 0-.425-.104-.425-.104c-3.468 2.145-7.564 4.245-11.772 4.504h27.02c5.843 0 9.494-6.326 6.573-11.387Z"/><path fill="url(#SVGJSkzlbms)" d="M43.58 30.03q.396.549.757 1.11L30.573 7.297c-2.921-5.061-10.224-5.061-13.145 0l-13.53 23.44c2.076-3.1 6.626-5.434 9.92-7.056c0 0-.115-.691.155-1.168c.27-.478.64-.609.995-.752c10.064-4.056 21.966-.92 28.611 8.27Z"/><path fill="url(#SVG79OWbbyh)" fill-opacity=".36" d="M43.58 30.03q.396.549.757 1.11L30.573 7.297c-2.921-5.061-10.224-5.061-13.145 0l-13.53 23.44c2.076-3.1 6.626-5.434 9.92-7.056c0 0-.115-.691.155-1.168c.27-.478.64-.609.995-.752c10.064-4.056 21.966-.92 28.611 8.27Z"/><path fill="url(#SVG5KQVCcXj)" d="M36.244 44.495H9.101c-5.843 0-9.494-6.326-6.573-11.386L16.282 9.281c-4.032 7.843-3.613 17.617 1.908 25.251c4.4 6.085 11.105 9.515 18.054 9.962Z"/><path fill="url(#SVGH21IDbCd)" fill-opacity=".25" d="M36.244 44.495H9.101c-5.843 0-9.494-6.326-6.573-11.386L16.282 9.281c-4.032 7.843-3.613 17.617 1.908 25.251c4.4 6.085 11.105 9.515 18.054 9.962Z"/><path fill="url(#SVGcQ2PAc8K)" d="M36.244 44.495H9.101c-5.843 0-9.494-6.326-6.573-11.386L16.282 9.281c-4.032 7.843-3.613 17.617 1.908 25.251c4.4 6.085 11.105 9.515 18.054 9.962Z"/><defs><radialGradient id="SVGy6G88ckl" cx="0" cy="0" r="1" gradientTransform="rotate(87.455 6.735 30.322)scale(9.60556 8.8599)" gradientUnits="userSpaceOnUse"><stop stop-color="#041642"/><stop offset="1" stop-color="#041642" stop-opacity="0"/></radialGradient><radialGradient id="SVGXJppfccf" cx="0" cy="0" r="1" gradientTransform="rotate(-23.666 113.904 -39.24)scale(18.3871 20.9206)" gradientUnits="userSpaceOnUse"><stop/><stop offset="1" stop-opacity="0"/></radialGradient><radialGradient id="SVGJSkzlbms" cx="0" cy="0" r="1" gradientTransform="rotate(119.825 12.531 9.068)scale(18.5002 30.3973)" gradientUnits="userSpaceOnUse"><stop stop-color="#51deff"/><stop offset=".349" stop-color="#1abafd"/><stop offset="1" stop-color="#247fe0"/></radialGradient><radialGradient id="SVG79OWbbyh" cx="0" cy="0" r="1" gradientTransform="rotate(-39.249 46.16 21.313)scale(28.7824 18.836)" gradientUnits="userSpaceOnUse"><stop offset=".475"/><stop offset="1" stop-opacity="0"/></radialGradient><radialGradient id="SVGH21IDbCd" cx="0" cy="0" r="1" gradientTransform="rotate(98.749 -2.112 16.337)scale(7.86878 11.5393)" gradientUnits="userSpaceOnUse"><stop offset=".177" stop-color="#ccf9ff"/><stop offset="1" stop-color="#4fe3ff" stop-opacity=".12"/></radialGradient><linearGradient id="SVGGSTQyebX" x1="41.846" x2="42.694" y1="13.078" y2="38.403" gradientUnits="userSpaceOnUse"><stop stop-color="#033e9a"/><stop offset="1" stop-color="#0055c6"/></linearGradient><linearGradient id="SVG5KQVCcXj" x1="11.691" x2="23.119" y1="15.832" y2="46.036" gradientUnits="userSpaceOnUse"><stop stop-color="#59e7fd"/><stop offset=".587" stop-color="#23d4f9"/><stop offset="1" stop-color="#32bbf2"/></linearGradient><linearGradient id="SVGcQ2PAc8K" x1="19.817" x2="14.727" y1="43.009" y2="30.909" gradientUnits="userSpaceOnUse"><stop stop-color="#08b0f8"/><stop offset="1" stop-color="#52e5ff" stop-opacity="0"/></linearGradient></defs></g></svg>Microsoft Purview アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:microsoft-purview" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:microsoft-purview" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:microsoft-purview" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--microsoft-purview]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:microsoft-purview"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:microsoft-purview"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/microsoft-purview.svg" alt="Microsoft Purview アイコン" width="24" height="24">theSVG Color の関連アイコン
microsoft
microsoft-365-copilot
microsoft-access
microsoft-azure
microsoft-bing
microsoft-clipchamp
microsoft-copilot
microsoft-defender
microsoft-designer
microsoft-dotnet
microsoft-dynamics-365
microsoft-dynamics-365-business-central
microsoft-dynamics-365-commerce
microsoft-dynamics-365-contact-center
microsoft-dynamics-365-customer-insights
microsoft-dynamics-365-customer-service
microsoft-dynamics-365-customer-voice
microsoft-dynamics-365-field-service
microsoft-dynamics-365-finance
microsoft-dynamics-365-finance-and-operations
microsoft-dynamics-365-human-resources
microsoft-dynamics-365-intelligent-order-management
microsoft-dynamics-365-project-operations
microsoft-dynamics-365-sales
Microsoft Purview アイコン のよくある質問
Microsoft Purview アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Microsoft Purview アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:microsoft-purview" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Microsoft Purview アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/microsoft-purview.svg" alt="Microsoft Purview アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。