Microsoft Sharepoint アイコン
thesvg-color:microsoft-sharepoint
Microsoft Sharepoint アイコン(thesvg-color:microsoft-sharepoint)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 450 × 500 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 450 × 500
- タグ
- microsoftsharepoint
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="450" height="500" viewBox="0 0 450 500"><defs><radialGradient id="SVGb3yuKePu" cx="-777.14" cy="770.84" r=".9" fx="-777.14" fy="770.84" gradientTransform="rotate(-112.48 19687.711 -244209.326)scale(256.36 -461.43)skewX(.11)" gradientUnits="userSpaceOnUse"><stop offset=".29" stop-color="#003b5d"/><stop offset=".61" stop-color="#004a6c" stop-opacity=".69"/><stop offset=".97" stop-color="#006f94" stop-opacity="0"/></radialGradient><radialGradient id="SVGOllGILPd" cx="-785.23" cy="766.9" r=".9" fx="-785.23" fy="766.9" gradientTransform="rotate(-112.09 15840.765 -206193.639)scale(216.37 -388.98)skewX(.11)" gradientUnits="userSpaceOnUse"><stop offset=".26" stop-color="#002a42"/><stop offset=".61" stop-color="#004261" stop-opacity=".69"/><stop offset=".97" stop-color="#006f94" stop-opacity="0"/></radialGradient><radialGradient id="SVGTMUc7buj" cx="-739.84" cy="872.71" r=".9" fx="-739.84" fy="872.71" gradientTransform="matrix(-102.53313 149.24243 149.46801 102.38138 -206024.5 21094.22)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#78edff"/><stop offset="1" stop-color="#2ccfca" stop-opacity="0"/></radialGradient><radialGradient id="SVGuPou6BTB" cx="-746.38" cy="743.75" r=".9" fx="-746.38" fy="743.75" gradientTransform="rotate(-70.77 98456.442 -205747.412)scale(171.87 -310.04)skewX(-.1)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#003b5d"/><stop offset=".49" stop-color="#004c6c" stop-opacity=".72"/><stop offset=".97" stop-color="#007a86" stop-opacity="0"/></radialGradient><radialGradient id="SVGmU78KeBF" cx="-741.46" cy="888.91" r=".9" fx="-741.46" fy="888.91" gradientTransform="matrix(-85.44333 124.36732 124.55255 85.31498 -173675.69 16546.9)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#78edff"/><stop offset="1" stop-color="#2ccfca" stop-opacity="0"/></radialGradient><radialGradient id="SVGvjgQ55VR" cx="-686.6" cy="804.18" r=".9" fx="-686.6" fy="804.18" gradientTransform="rotate(44.96 -414290.4 134345.45)scale(314.99 -314.99)skewX(.09)" gradientUnits="userSpaceOnUse"><stop offset=".06" stop-color="#00b6bd"/><stop offset=".89" stop-color="#00495c"/></radialGradient><radialGradient id="SVGfZKJmbVJ" cx="-686.07" cy="864.41" r=".9" fx="-686.07" fy="864.41" gradientTransform="matrix(0 155.79 177.62 0 -153439.14 107241.64)" gradientUnits="userSpaceOnUse"><stop offset=".57" stop-color="#1e8581" stop-opacity="0"/><stop offset=".97" stop-color="#1ecbe6"/></radialGradient><linearGradient id="SVGcUcj4drm" x1="92.18" x2="292.29" y1="477.48" y2="214.84" gradientTransform="matrix(1 0 0 -1 0 502)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#00e3df"/><stop offset=".41" stop-color="#0097a8"/><stop offset="1" stop-color="#007791"/></linearGradient><linearGradient id="SVGvFbiecLl" x1="245.14" x2="411.9" y1="331.57" y2="112.7" gradientTransform="matrix(1 0 0 -1 0 502)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#00e3df"/><stop offset=".48" stop-color="#00a2b8"/><stop offset=".95" stop-color="#00637c"/></linearGradient><linearGradient id="SVGk60aSd8E" x1="153.42" x2="259.71" y1="214.53" y2="1.97" gradientTransform="matrix(1 0 0 -1 0 502)" gradientUnits="userSpaceOnUse"><stop offset=".05" stop-color="#75fff6"/><stop offset=".51" stop-color="#00c7d1"/><stop offset=".96" stop-color="#0096ad"/></linearGradient><linearGradient id="SVG8TLMpd2X" x1="292.44" x2="235.63" y1="-12.27" y2="67.45" gradientTransform="matrix(1 0 0 -1 0 502)" gradientUnits="userSpaceOnUse"><stop offset=".26" stop-color="#0e5a5d"/><stop offset=".54" stop-color="#126c6b" stop-opacity=".69"/><stop offset=".97" stop-color="#1c948a" stop-opacity="0"/></linearGradient></defs><path fill="url(#SVGcUcj4drm)" d="M187.79 300c82.97 0 150.23-67.16 150.23-150S270.75 0 187.79 0S37.56 67.16 37.56 150s67.26 150 150.23 150"/><path fill="url(#SVGb3yuKePu)" fill-opacity=".2" d="M187.79 300c82.97 0 150.23-67.16 150.23-150S270.75 0 187.79 0S37.56 67.16 37.56 150s67.26 150 150.23 150"/><path fill="url(#SVGOllGILPd)" fill-opacity=".31" d="M187.79 300c82.97 0 150.23-67.16 150.23-150S270.75 0 187.79 0S37.56 67.16 37.56 150s67.26 150 150.23 150"/><path fill="url(#SVGTMUc7buj)" fill-opacity=".7" d="M187.79 300c82.97 0 150.23-67.16 150.23-150S270.75 0 187.79 0S37.56 67.16 37.56 150s67.26 150 150.23 150"/><path fill="url(#SVGvFbiecLl)" d="M324.81 400C393.95 400 450 344.04 450 275s-56.05-125-125.19-125s-125.19 55.96-125.19 125s56.05 125 125.19 125"/><path fill="url(#SVGuPou6BTB)" fill-opacity=".5" d="M324.81 400C393.95 400 450 344.04 450 275s-56.05-125-125.19-125s-125.19 55.96-125.19 125s56.05 125 125.19 125"/><path fill="url(#SVGmU78KeBF)" fill-opacity=".7" d="M324.81 400C393.95 400 450 344.04 450 275s-56.05-125-125.19-125s-125.19 55.96-125.19 125s56.05 125 125.19 125"/><path fill="url(#SVGk60aSd8E)" d="M206.56 500c58.77 0 106.41-47.57 106.41-106.25S265.33 287.5 206.56 287.5s-106.41 47.57-106.41 106.25S147.79 500 206.56 500"/><path fill="url(#SVG8TLMpd2X)" fill-opacity=".32" d="M206.56 500c58.77 0 106.41-47.57 106.41-106.25S265.33 287.5 206.56 287.5s-106.41 47.57-106.41 106.25S147.79 500 206.56 500"/><rect width="200.3" height="200" y="237.5" fill="url(#SVGvjgQ55VR)" rx="40.66" ry="40.66"/><rect width="200.3" height="200" y="237.5" fill="url(#SVGfZKJmbVJ)" fill-opacity=".6" rx="40.66" ry="40.66"/><path fill="#fff" d="m57 372.15l21.72-11.32c2.45 4.94 5.64 8.58 9.58 10.92c3.99 2.34 8.36 3.51 13.09 3.51c5.27 0 9.29-1.06 12.05-3.19c2.77-2.18 4.15-5.45 4.15-9.8q0-5.1-3.99-8.61c-2.66-2.39-7.37-4.2-14.13-5.42c-12.88-2.34-22.25-6.43-28.1-12.28q-8.7-8.775-8.7-21.84c0-10.84 3.83-19.5 11.5-25.99c7.66-6.48 17.78-9.72 30.34-9.72c8.46 0 15.91 1.73 22.35 5.18s11.55 8.4 15.33 14.83l-21.23 10.92c-2.34-3.61-4.87-6.22-7.58-7.81c-2.72-1.65-6.12-2.47-10.22-2.47c-4.9 0-8.62 1.06-11.18 3.19c-2.5 2.13-3.75 4.89-3.75 8.29c0 2.92 1.2 5.5 3.59 7.73c2.45 2.18 7.34 3.96 14.69 5.34c12.35 2.34 21.56 6.59 27.62 12.76c6.12 6.11 9.18 13.84 9.18 23.2c0 11.37-3.65 20.38-10.94 27.02s-17.7 9.96-31.21 9.96c-9.79 0-18.63-2.13-26.5-6.38c-7.82-4.3-13.7-10.31-17.64-18.02Z"/></svg>
Microsoft Sharepoint アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:microsoft-sharepoint" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:microsoft-sharepoint" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:microsoft-sharepoint" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--microsoft-sharepoint]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:microsoft-sharepoint"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:microsoft-sharepoint"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/microsoft-sharepoint.svg" alt="Microsoft Sharepoint アイコン" width="24" height="24">
他のアイコンセットの Microsoft Sharepoint アイコン
Microsoft Sharepoint アイコン のよくある質問
Microsoft Sharepoint アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Microsoft Sharepoint アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:microsoft-sharepoint" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Microsoft Sharepoint アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/microsoft-sharepoint.svg" alt="Microsoft Sharepoint アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
theSVG Color アイコン をすべて見る →
