Microsoft Excel アイコン
selfhst:microsoft-excel
Microsoft Excel アイコン(selfhst:microsoft-excel)は、selfh.st/icons セットの無料 SVG アイコンです(作者: selfh.st)。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- selfh.st/icons
- 作者
- selfh.st
- ライセンス
- CC-BY-4.0
- サイズ
- 512 × 512
- タグ
- microsoftexcel
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><radialGradient id="SVGbwT1gbHR" cx="-736.418" cy="787.398" r="14.222" gradientTransform="rotate(46.451 44031.733 -21862.033)scale(-41.1236 31.9082)" gradientUnits="userSpaceOnUse"><stop offset=".065" stop-color="#379539"/><stop offset=".422" stop-color="#297c2d"/><stop offset=".703" stop-color="#15561c"/></radialGradient><path fill="url(#SVGbwT1gbHR)" d="M78.2 163.6c0-35.3 28.7-64 64-64h362.7v369.8c0 23.6-19.1 42.7-42.7 42.7H163.6c-47.1 0-85.3-38.2-85.3-85.3V163.6z"/><radialGradient id="SVGGTMnrceI" cx="-762.747" cy="777.165" r="14.222" gradientTransform="rotate(44.03 18539.879 -10324.23)scale(-16.661 12.8906)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#073b10"/><stop offset=".992" stop-color="#084a13" stop-opacity="0"/></radialGradient><path fill="url(#SVGGTMnrceI)" fill-opacity=".7" d="M78.2 163.6c0-35.3 28.7-64 64-64h362.7v369.8c0 23.6-19.1 42.7-42.7 42.7H163.6c-47.1 0-85.3-38.2-85.3-85.3V163.6z"/><linearGradient id="SVGXhLNYdaT" x1="78.222" x2="274.273" y1="215.335" y2="215.335" gradientTransform="matrix(1 0 0 -1 0 514)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#52d17c"/><stop offset=".329" stop-color="#4aa647"/></linearGradient><path fill="url(#SVGXhLNYdaT)" d="M78.2 234.7c0-35.3 28.7-64 64-64h192c-23.6 0-42.7 19.1-42.7 42.7v85.3c0 23.6-19.1 42.7-42.7 42.7h-85.3c-47.1 0-85.3 38.2-85.3 85.3z"/><linearGradient id="SVGaHx2YdtF" x1="206.222" x2="206.222" y1="343.335" y2="165.517" gradientTransform="matrix(1 0 0 -1 0 514)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#29852f"/><stop offset=".5" stop-color="#4aa647" stop-opacity="0"/></linearGradient><path fill="url(#SVGaHx2YdtF)" fill-opacity=".3" d="M78.2 234.7c0-35.3 28.7-64 64-64h192c-23.6 0-42.7 19.1-42.7 42.7v85.3c0 23.6-19.1 42.7-42.7 42.7h-85.3c-47.1 0-85.3 38.2-85.3 85.3z"/><linearGradient id="SVG0ARuJmyD" x1="89.567" x2="326.102" y1="304.297" y2="509.448" gradientTransform="matrix(1 0 0 -1 0 514)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#66d052"/><stop offset="1" stop-color="#85e972"/></linearGradient><path fill="url(#SVG0ARuJmyD)" d="M78.2 85.3C78.2 38.2 116.4 0 163.6 0h170.7v170.7H163.6c-47.1 0-85.3 38.2-85.3 85.3V85.3z"/><radialGradient id="SVGkGBPOeNV" cx="-814.063" cy="816.814" r="14.222" gradientTransform="matrix(-9.0188 0 0 19.094 -7016.886 -15487.255)" gradientUnits="userSpaceOnUse"><stop offset=".292" stop-color="#4eb43b"/><stop offset="1" stop-color="#72cc61" stop-opacity="0"/></radialGradient><path fill="url(#SVGkGBPOeNV)" d="M78.2 85.3C78.2 38.2 116.4 0 163.6 0h170.7v170.7H163.6c-47.1 0-85.3 38.2-85.3 85.3V85.3z"/><linearGradient id="SVGVUAjgb5K" x1="193.631" x2="78.222" y1="386" y2="386" gradientTransform="matrix(1 0 0 -1 0 514)" gradientUnits="userSpaceOnUse"><stop offset=".184" stop-color="#c0e075" stop-opacity="0"/><stop offset="1" stop-color="#d1eb95"/></linearGradient><path fill="url(#SVGVUAjgb5K)" d="M78.2 85.3C78.2 38.2 116.4 0 163.6 0h170.7v170.7H163.6c-47.1 0-85.3 38.2-85.3 85.3V85.3z"/><radialGradient id="SVG86hIfcXx" cx="-758.923" cy="815.212" r="14.222" gradientTransform="rotate(218.97 -11081.4 5923.97)scale(21.751 21.6904)" gradientUnits="userSpaceOnUse"><stop offset=".44" stop-color="#79e96d"/><stop offset="1" stop-color="#d0eb76"/></radialGradient><path fill="url(#SVG86hIfcXx)" d="M462.2 0h-128c-23.6 0-42.7 19.1-42.7 42.7V128c0 23.6 19.1 42.7 42.7 42.7h128c23.6 0 42.7-19.1 42.7-42.7V42.7c0-23.6-19.1-42.7-42.7-42.7"/><radialGradient id="SVGj4kBUbvE" cx="-665.253" cy="799.243" r="14.222" gradientTransform="matrix(16 16 45.5476 -45.5476 -25752.482 47289.465)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#20a85e"/><stop offset=".944" stop-color="#09442a"/></radialGradient><path fill="url(#SVGj4kBUbvE)" d="M53.3 241.8h135.1c25.5 0 46.2 20.7 46.2 46.2v135.1c0 25.5-20.7 46.2-46.2 46.2H53.3c-25.5 0-46.2-20.7-46.2-46.2V288c0-25.5 20.7-46.2 46.2-46.2"/><radialGradient id="SVGnKh77dwp" cx="-646.865" cy="859.937" r="14.222" gradientTransform="matrix(0 11.2 12.9 0 -10972.3 7623.2)" gradientUnits="userSpaceOnUse"><stop offset=".58" stop-color="#33a662" stop-opacity="0"/><stop offset=".974" stop-color="#98f0b0"/></radialGradient><path fill="url(#SVGnKh77dwp)" fill-opacity=".3" d="M53.3 241.8h135.1c25.5 0 46.2 20.7 46.2 46.2v135.1c0 25.5-20.7 46.2-46.2 46.2H53.3c-25.5 0-46.2-20.7-46.2-46.2V288c0-25.5 20.7-46.2 46.2-46.2"/><path fill="#fff" d="M180.7 420.6h-35.1l-22-41.4c-.8-1.5-1.4-2.6-1.8-3.4c-.4-.9-.8-1.9-1.2-3.1h-.4c-.5 1.5-1.1 2.6-1.5 3.5c-.5.9-1.1 2-1.7 3.4l-22.8 41.1H61.1l39.7-65.1l-37-64.9h34.6l19.6 37c.8 1.5 1.5 2.8 2 4q.9 1.65 1.8 3.9h.4c.8-1.8 1.5-3.1 2-4.2c.5-1 1.3-2.4 2.2-4.1l20.3-36.6h33l-37.5 63.9z"/></svg>Microsoft Excel アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:microsoft-excel" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:microsoft-excel" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:microsoft-excel" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--microsoft-excel]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:microsoft-excel"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:microsoft-excel"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/selfhst/microsoft-excel.svg" alt="Microsoft Excel アイコン" width="24" height="24">selfh.st/icons の関連アイコン
microsoft
microsoft-365
microsoft-365-dark
microsoft-365-light
microsoft-access
microsoft-access-2000
microsoft-access-2000-dark
microsoft-access-2000-light
microsoft-access-2013
microsoft-access-2013-dark
microsoft-access-2013-light
microsoft-access-2018
microsoft-access-2018-dark
microsoft-access-2018-light
microsoft-access-dark
microsoft-access-light
microsoft-azure
microsoft-azure-dark
microsoft-azure-light
microsoft-bing
microsoft-bing-dark
microsoft-bing-light
microsoft-clipchamp
microsoft-clipchamp-dark
他のアイコンセットの Microsoft Excel アイコン
Microsoft Excel アイコン のよくある質問
Microsoft Excel アイコンは商用利用でも無料ですか?
はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Microsoft Excel アイコンを使うには?
@iconify/react をインストールして <Icon icon="selfhst:microsoft-excel" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Microsoft Excel アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/microsoft-excel.svg" alt="Microsoft Excel アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。