Microsoft Excel アイコン
thesvg-color:microsoft-excel
Microsoft Excel アイコン(thesvg-color:microsoft-excel)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 486 × 500 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 486 × 500
- タグ
- microsoftexcel
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="486" height="500" viewBox="0 0 486 500"><defs><radialGradient id="SVGBLvhWb7B" cx="-746.66" cy="781.44" r="13.89" fx="-746.66" fy="781.44" gradientTransform="rotate(-133.54 -9646.6 -18892.943)scale(41.12 -31.9)skewX(-.01)" gradientUnits="userSpaceOnUse"><stop offset=".06" stop-color="#379539"/><stop offset=".42" stop-color="#297c2d"/><stop offset=".7" stop-color="#15561c"/></radialGradient><radialGradient id="SVGiem17pLJ" cx="-773.19" cy="771.25" r="13.89" fx="-773.19" fy="771.25" gradientTransform="matrix(-11.97612 -11.58137 -8.95853 9.26806 -2155.12 -15858.88)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#073b10"/><stop offset=".99" stop-color="#084a13" stop-opacity="0"/></radialGradient><radialGradient id="SVGI4foLdGU" cx="-824.11" cy="810.99" r="13.89" fx="-824.11" fy="810.99" gradientTransform="matrix(-9.02 0 0 19.09 -7120.4 -15378.69)" gradientUnits="userSpaceOnUse"><stop offset=".29" stop-color="#4eb43b"/><stop offset="1" stop-color="#72cc61" stop-opacity="0"/></radialGradient><radialGradient id="SVGaGihndNj" cx="-769.14" cy="808.9" r="13.89" fx="-769.14" fy="808.9" gradientTransform="rotate(218.97 -11176.158 5816.417)scale(21.75 21.69)skewY(.01)" gradientUnits="userSpaceOnUse"><stop offset=".44" stop-color="#79e96d"/><stop offset="1" stop-color="#d0eb76"/></radialGradient><radialGradient id="SVG2xwNqWBJ" cx="-675.64" cy="793.28" r="13.89" fx="-675.64" fy="793.28" gradientTransform="matrix(15.99196 15.99755 45.54153 -45.54797 -25315.85 47178.18)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#20a85e"/><stop offset=".94" stop-color="#09442a"/></radialGradient><radialGradient id="SVGSXGvJpdu" cx="-657.62" cy="853.99" r="13.89" fx="-657.62" fy="853.99" gradientTransform="matrix(0 11.2 12.9 0 -10902.85 7734.8)" gradientUnits="userSpaceOnUse"><stop offset=".58" stop-color="#33a662" stop-opacity="0"/><stop offset=".97" stop-color="#98f0b0"/></radialGradient><linearGradient id="SVGYKi9AcMy" x1="69.43" x2="260.84" y1="210.33" y2="210.33" gradientTransform="matrix(1 0 0 -1 0 502)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#52d17c"/><stop offset=".33" stop-color="#4aa647"/></linearGradient><linearGradient id="SVGKfyJ5dTO" x1="194.4" x2="194.4" y1="335.33" y2="161.68" gradientTransform="matrix(1 0 0 -1 0 502)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#29852f"/><stop offset=".5" stop-color="#4aa647" stop-opacity="0"/></linearGradient><linearGradient id="SVG1I0GMd2A" x1="80.49" x2="311.45" y1="297.22" y2="497.54" gradientTransform="matrix(1 0 0 -1 0 502)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#66d052"/><stop offset="1" stop-color="#85e972"/></linearGradient><linearGradient id="SVG1E0J2brd" x1="182.11" x2="69.43" y1="377" y2="377" gradientTransform="matrix(1 0 0 -1 0 502)" gradientUnits="userSpaceOnUse"><stop offset=".18" stop-color="#c0e075" stop-opacity="0"/><stop offset="1" stop-color="#d1eb95"/></linearGradient></defs><path fill="url(#SVGBLvhWb7B)" d="M69.43 159.72c0-34.52 27.98-62.5 62.49-62.5h354.09v361.11c0 23.01-18.65 41.67-41.66 41.67H152.74c-46.01 0-83.31-37.31-83.31-83.33z"/><path fill="url(#SVGiem17pLJ)" fill-opacity=".7" d="M69.43 159.72c0-34.52 27.98-62.5 62.49-62.5h354.09v361.11c0 23.01-18.65 41.67-41.66 41.67H152.74c-46.01 0-83.31-37.31-83.31-83.33z"/><path fill="url(#SVGYKi9AcMy)" d="M69.43 229.17c0-34.52 27.98-62.5 62.49-62.5h187.46c-23.01 0-41.66 18.66-41.66 41.67v83.33c0 23.01-18.65 41.67-41.66 41.67h-83.31c-46.01 0-83.31 37.31-83.31 83.33v-187.5Z"/><path fill="url(#SVGKfyJ5dTO)" fill-opacity=".3" d="M69.43 229.17c0-34.52 27.98-62.5 62.49-62.5h187.46c-23.01 0-41.66 18.66-41.66 41.67v83.33c0 23.01-18.65 41.67-41.66 41.67h-83.31c-46.01 0-83.31 37.31-83.31 83.33v-187.5Z"/><path fill="url(#SVG1I0GMd2A)" d="M69.43 83.33C69.43 37.31 106.73 0 152.74 0h166.63v166.67H152.74c-46.01 0-83.31 37.31-83.31 83.33z"/><path fill="url(#SVGI4foLdGU)" d="M69.43 83.33C69.43 37.31 106.73 0 152.74 0h166.63v166.67H152.74c-46.01 0-83.31 37.31-83.31 83.33z"/><path fill="url(#SVG1E0J2brd)" d="M69.43 83.33C69.43 37.31 106.73 0 152.74 0h166.63v166.67H152.74c-46.01 0-83.31 37.31-83.31 83.33z"/><rect width="208.29" height="166.67" x="277.71" fill="url(#SVGaGihndNj)" rx="41.66" ry="41.66"/><rect width="222.17" height="222.22" y="236.11" fill="url(#SVG2xwNqWBJ)" rx="45.13" ry="45.13"/><rect width="222.17" height="222.22" y="236.11" fill="url(#SVGSXGvJpdu)" fill-opacity=".3" rx="45.13" ry="45.13"/><path fill="#fff" d="M169.48 410.71h-34.25l-21.5-40.47c-.77-1.42-1.36-2.54-1.77-3.37c-.35-.88-.74-1.89-1.15-3.01h-.35q-.795 2.13-1.5 3.45c-.47.89-1.03 1.98-1.68 3.28l-22.3 40.11h-32.3l38.76-63.58l-36.1-63.4h33.8l19.11 36.13q1.155 2.22 1.95 3.9q.885 1.59 1.77 3.81h.35l1.95-4.07c.53-1 1.24-2.33 2.12-3.98l19.82-35.77h32.21l-36.63 62.43l37.7 64.55Z"/></svg>
Microsoft Excel アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:microsoft-excel" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:microsoft-excel" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:microsoft-excel" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--microsoft-excel]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:microsoft-excel"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:microsoft-excel"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/microsoft-excel.svg" alt="Microsoft Excel アイコン" width="24" height="24">
他のアイコンセットの Microsoft Excel アイコン
Microsoft Excel アイコン のよくある質問
Microsoft Excel アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Microsoft Excel アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:microsoft-excel" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Microsoft Excel アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/microsoft-excel.svg" alt="Microsoft Excel アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
theSVG Color アイコン をすべて見る →
