ICONYZ
日本語
selfh.st/icons の Microsoft Excel アイコン

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 コード

<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 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 コードをページに直接貼り付けます。

selfh.st/icons をすべて見る →