Microsoft Access アイコン
thesvg-color:microsoft-access
Microsoft Access アイコン(thesvg-color:microsoft-access)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 438 × 500 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 438 × 500
- タグ
- microsoftaccess
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="438" height="500" viewBox="0 0 438 500"><defs><radialGradient id="SVGkyn31bgr" cx="-699.58" cy="815.89" r="12.5" fx="-699.58" fy="815.89" gradientTransform="matrix(0 15 38.73 0 -31347.2 10806.25)" gradientUnits="userSpaceOnUse"><stop offset=".21" stop-color="#560b14"/><stop offset=".6" stop-color="#560b14" stop-opacity="0"/></radialGradient><radialGradient id="SVGQmd1cb1j" cx="-707.25" cy="815.89" r="12.5" fx="-707.25" fy="815.89" gradientTransform="matrix(0 15 38.73 0 -31347.2 10796.25)" gradientUnits="userSpaceOnUse"><stop offset=".21" stop-color="#560b14"/><stop offset=".75" stop-color="#560b14" stop-opacity="0"/></radialGradient><radialGradient id="SVG9hrIne3P" cx="-714.92" cy="815.89" r="12.5" fx="-714.92" fy="815.89" gradientTransform="matrix(0 15 38.73 0 -31347.2 10786.25)" gradientUnits="userSpaceOnUse"><stop offset=".21" stop-color="#ff9fb2"/><stop offset=".63" stop-color="#ff9fb2" stop-opacity="0"/></radialGradient><radialGradient id="SVGkAAledhf" cx="-699.09" cy="798.2" r="12.5" fx="-699.09" fy="798.2" gradientTransform="rotate(225 4217.863 12425.405)scale(-22.63 22.63)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#e82c58"/><stop offset=".94" stop-color="#aa1d2d"/></radialGradient><radialGradient id="SVGpTGUAcds" cx="-682.94" cy="855.76" r="12.5" fx="-682.94" fy="855.76" gradientTransform="matrix(0 11.2 12.75 0 -10811 8006.4)" gradientUnits="userSpaceOnUse"><stop offset=".58" stop-color="#ff5778" stop-opacity="0"/><stop offset=".97" stop-color="#ff9fb2"/></radialGradient><linearGradient id="SVGMx6dhdaq" x1="437.5" x2="62.5" y1="95.75" y2="95.75" gradientTransform="matrix(1 0 0 -1 0 502)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#9c0d55"/><stop offset=".51" stop-color="#a61727"/><stop offset="1" stop-color="#8a1421"/></linearGradient><linearGradient id="SVGrJwM8coF" x1="437.5" x2="62.5" y1="220.75" y2="220.75" gradientTransform="matrix(1 0 0 -1 0 502)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f24a9d"/><stop offset=".51" stop-color="#e82c41"/><stop offset="1" stop-color="#ca2134"/></linearGradient><linearGradient id="SVGF5RIZbep" x1="437.5" x2="62.5" y1="345.75" y2="345.75" gradientTransform="matrix(1 0 0 -1 0 502)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f97dbd"/><stop offset=".51" stop-color="#fb5b6c"/><stop offset="1" stop-color="#f83f54"/></linearGradient><linearGradient id="SVGyOnU6cHx" x1="271.29" x2="223.89" y1="519.33" y2="341.57" gradientTransform="matrix(1 0 0 -1 0 502)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f97dbd"/><stop offset=".9" stop-color="#ff9fb2"/></linearGradient></defs><path fill="url(#SVGMx6dhdaq)" d="M437.5 312.5v125c0 34.52-83.96 62.5-187.5 62.5S62.5 472.02 62.5 437.5v-125z"/><path fill="url(#SVGkyn31bgr)" fill-opacity=".7" d="M437.5 312.5v125c0 34.52-83.96 62.5-187.5 62.5S62.5 472.02 62.5 437.5v-125z"/><path fill="url(#SVGrJwM8coF)" d="M437.5 187.5v125c0 34.52-83.96 62.5-187.5 62.5S62.5 347.02 62.5 312.5v-125z"/><path fill="url(#SVGQmd1cb1j)" fill-opacity=".3" d="M437.5 187.5v125c0 34.52-83.96 62.5-187.5 62.5S62.5 347.02 62.5 312.5v-125z"/><path fill="url(#SVGF5RIZbep)" d="M437.5 62.5v125c0 34.52-83.96 62.5-187.5 62.5S62.5 222.02 62.5 187.5v-125z"/><path fill="url(#SVG9hrIne3P)" fill-opacity=".4" d="M437.5 62.5v125c0 34.52-83.96 62.5-187.5 62.5S62.5 222.02 62.5 187.5v-125z"/><path fill="url(#SVGyOnU6cHx)" d="M250 125C146.45 125 62.5 97.02 62.5 62.5S146.45 0 250 0s187.5 27.98 187.5 62.5S353.55 125 250 125"/><rect width="200" height="200" y="237.5" fill="url(#SVGkAAledhf)" rx="40.62" ry="40.62"/><rect width="200" height="200" y="237.5" fill="url(#SVGpTGUAcds)" fill-opacity=".5" rx="40.62" ry="40.62"/><path fill="#fff" d="m44.2 394.63l40.97-114.31h30.53l40.02 114.31h-27.1l-7.89-22.88H78.8l-7.73 22.88H44.21Zm40.5-43.92h29.89l-12.2-39.93c-.43-1.43-.82-2.74-1.2-3.91a74 74 0 0 1-1.12-4.22h-.64c-.32 1.33-.67 2.63-1.04 3.91c-.37 1.27-.8 2.66-1.28 4.15l-12.43 40.01Z"/></svg>
Microsoft Access アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:microsoft-access" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:microsoft-access" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:microsoft-access" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--microsoft-access]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:microsoft-access"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:microsoft-access"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/microsoft-access.svg" alt="Microsoft Access アイコン" width="24" height="24">
他のアイコンセットの Microsoft Access アイコン
Microsoft Access アイコン のよくある質問
Microsoft Access アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Microsoft Access アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:microsoft-access" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Microsoft Access アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/microsoft-access.svg" alt="Microsoft Access アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
theSVG Color アイコン をすべて見る →
