Иконка Social Game Center

foundation:social-game-center

Иконка Social Game Center (foundation:social-game-center) — бесплатная SVG-иконка из набора Foundation от 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>

Веб-компонент

<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">

Вопросы и ответы: Иконка Social Game Center

Можно ли бесплатно использовать иконку Social Game Center в коммерческих проектах?

Да. Foundation icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Social Game Center в React?

Установите @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">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Foundation →