Sing アイコン
game-icons:sing
Sing アイコン(game-icons:sing)は、Game Icons セットの無料 SVG アイコンです（作者: GameIcons）。 512 × 512 のグリッドで描かれています。 Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Game Icons
- 作者
- GameIcons
- ライセンス
- CC-BY-3.0
- サイズ
- 512 × 512
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M251.47 18.844c-42.103 0-80.822 25.502-109.532 68.156C113.227 129.654 95 189.316 95 255.406s18.227 125.784 46.938 168.438c28.71 42.653 67.43 67.468 109.53 67.468c42.102 0 80.853-24.815 109.563-67.468c28.712-42.654 46.94-102.347 46.94-168.438S389.743 129.654 361.031 87c-28.71-42.654-67.46-68.156-109.56-68.156zm-52.94 161.812a80 80 0 0 1 2.72 0c9.685.198 19.48 2.548 29.188 6.438l-7 16.937c-31.307-12.544-60.594-2.12-80 30.94l-16.375-9.908c16.74-28.52 43.404-44.005 71.468-44.406zm104.72 1.156c28.064.402 54.695 15.886 71.438 44.407l-16.344 9.342c-19.407-33.06-48.694-42.918-80-30.375l-7-17.53c9.707-3.89 19.502-5.615 29.187-5.813c.91-.02 1.815-.044 2.72-.03zM252.187 245.5c53.175 0 96.282 50.127 96.282 111.97c0 61.838-43.108 112-96.283 112c-53.174 0-96.28-50.16-96.28-112c0-61.843 43.106-111.97 96.28-111.97zm-19.53 54.156l2 14.094l11.03 78.78c-6.2-2.444-13.285-3.874-20.656-3.874c-21.288 0-36.88 11.77-34.843 26.28c2.04 14.513 20.96 26.25 42.25 26.25s36.883-11.737 34.844-26.25q.002-.015 0-.03l.408-.062l-9.25-66.875l39.875 13.31l12.093 4.44v-45.126l-6.875-1.625l-57.186-15.69l-13.688-3.624z"/></svg>Sing アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="game-icons:sing" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="game-icons:sing" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="game-icons:sing" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--sing]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/game-icons -->
<div class="i-game-icons:sing"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="game-icons:sing"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/game-icons/sing.svg" alt="Sing アイコン" width="24" height="24">Sing アイコン のよくある質問
Sing アイコンは商用利用でも無料ですか?
はい。Game Icons は CC BY 3.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Sing アイコンを使うには?
@iconify/react をインストールして <Icon icon="game-icons:sing" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Sing アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/game-icons/sing.svg" alt="Sing アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。