Social Game Center アイコン

Q: Social Game Center アイコンは商用利用でも無料ですか?

はい。Foundation icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

foundation:social-game-center

Social Game Center アイコン(foundation:social-game-center)は、Foundation セットの無料 SVG アイコンです（作者: Zurb）。 100 × 100 のグリッドで描かれています。 Foundation icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Foundation
作者: Zurb
ライセンス: MIT
サイズ: 100 × 100
タグ: socialgame、gamecenter、socialgamecenter

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path fill="currentColor" d="M79 14H21a7 7 0 0 0-7 7v58a7 7 0 0 0 7 7h58a7 7 0 0 0 7-7V21a7 7 0 0 0-7-7m-23.045 5.229c10.658 0 19.298 8.641 19.298 19.299a19.2 19.2 0 0 1-3.482 11.039a16.85 16.85 0 0 0-10.465-3.634c-6.582 0-12.275 3.76-15.082 9.242c-5.718-3.35-9.568-9.541-9.568-16.646c0-10.659 8.64-19.3 19.299-19.3M19.852 46.931c0-11.635 8.755-21.22 20.036-22.54c-3.324 3.774-5.356 8.713-5.356 14.138c0 7.981 4.373 14.928 10.845 18.614a17.5 17.5 0 0 0-.64 2.295a12 12 0 0 0-3.429-.505c-4.89 0-9.088 2.941-10.937 7.148c-6.323-4.03-10.519-11.098-10.519-19.15m21.454 34.145c-5.632 0-10.197-4.564-10.197-10.197c0-5.631 4.565-10.196 10.197-10.196s10.197 4.565 10.197 10.196c0 5.633-4.566 10.197-10.197 10.197m20-3.25a14.86 14.86 0 0 1-8.782-2.87c.463-1.274.729-2.643.729-4.077c0-4.689-2.708-8.735-6.639-10.691c1.269-6.968 7.357-12.255 14.693-12.255c8.255 0 14.947 6.692 14.947 14.946c-.001 8.256-6.693 14.947-14.948 14.947"/></svg>

Social Game Center アイコンの使い方

React

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

<Icon icon="foundation:social-game-center" width="24" />

Vue

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

<template>
  <Icon icon="foundation:social-game-center" width="24" />
</template>

Svelte

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

<Icon icon="foundation:social-game-center" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[foundation--social-game-center]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/foundation -->
<div class="i-foundation:social-game-center"></div>

Web コンポーネント

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

<iconify-icon icon="foundation:social-game-center"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/foundation/social-game-center.svg" alt="Social Game Center アイコン" width="24" height="24">

Foundation の関連アイコン

Social Game Center アイコンのよくある質問

Social Game Center アイコンは商用利用でも無料ですか?

はい。Foundation icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Social Game Center アイコンを使うには?

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

Social Game Center アイコンをウェブページに追加するには?

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

Foundation アイコンをすべて見る →