Microsoft Solitaire アイコン

Q: Microsoft Solitaire アイコンは商用利用でも無料ですか?

はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

arcticons:microsoft-solitaire

Microsoft Solitaire アイコン(arcticons:microsoft-solitaire)は、Arcticons セットの無料 SVG アイコンです（作者: Donnnno）。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Arcticons
作者: Donnnno
ライセンス: CC-BY-SA-4.0
サイズ: 48 × 48
タグ: microsoftsolitaire

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M14.4 12.1v-1.57a1 1 0 0 1 1-1h17.2a1 1 0 0 1 1 1V12l-9.13-2.44a1.11 1.11 0 0 0-1.22.71L17 33.47a1 1 0 0 0 .71 1.22l3.18.85m3.24.87l10.2 2.73a1 1 0 0 0 1.22-.71l6.21-23.2a1 1 0 0 0-.67-1.23l-7.48-2m-9.44 24.4l-3.24-.87h-5.52a1 1 0 0 1-1-1v-22.4l-7.16 1.92a1 1 0 0 0-.71 1.22l6.21 23.2a1 1 0 0 0 1.22.71Z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M29.6 28c-.22-.61-1.08 1-.6 3.2l-2.8-.8c1.74-1.47 1.59-3.22 1.3-3c-3.95 1.68-5.49-.83-5-3.4c.51-4.21 5.9-3.9 8.7-6.9c.8 3.54 5.66 6.4 4.4 10.3c-1.16 2.6-3.91 3.69-6 .6m3.2 7.7c-1 .44-1.73-.23-1.6-.9c.13-1.09 1.58-1 2.3-1.8c.21.92 1.43 1.59 1.1 2.6a1 1 0 0 1-1.8.1l-.3 1.1m-7-22.5c-1 .44-1.73-.23-1.6-.9c.13-1.09 1.58-1 2.3-1.8c.21.92 1.43 1.59 1.1 2.6a1 1 0 0 1-1.8.1l-.3 1.1"/></svg>

Microsoft Solitaire アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="arcticons:microsoft-solitaire" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="arcticons:microsoft-solitaire" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="arcticons:microsoft-solitaire" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--microsoft-solitaire]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:microsoft-solitaire"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="arcticons:microsoft-solitaire"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/microsoft-solitaire.svg" alt="Microsoft Solitaire アイコン" width="24" height="24">

Arcticons の関連アイコン

Microsoft Solitaire アイコンのよくある質問

Microsoft Solitaire アイコンは商用利用でも無料ですか?

はい。Arcticons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

React で Microsoft Solitaire アイコンを使うには?

@iconify/react をインストールして <Icon icon="arcticons:microsoft-solitaire" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Microsoft Solitaire アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/microsoft-solitaire.svg" alt="Microsoft Solitaire アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Arcticons をすべて見る →