Phaser アイコン
thesvg-color:phaser
Phaser アイコン(thesvg-color:phaser)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 24 × 24 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M0 9.525v4.097h1.537s.015-1.36.015-2.077q.006 0 .01-.002c.106.273.209.608.316.884h2.05v1.195h1.537v-1.366h.854v1.366h2.863l.736-2.255l.711 2.255h10.549v-2.09l1.258 2.942l1.564.001l-.854-2.22l.001.002h.765V9.525H11.956c0 .486.018.932.017 1.418c0 .032.011.05.037.068c1.031.739 1.816 1.245 1.816 1.245h-1.87s.02.38.02.625l-.008.083l-1.29-3.44H9.133s-.91 2.382-1.285 3.51c-.005 0-.009-.163-.012-.164V9.968c0-.29.02-.443.02-.443H6.319v1.366h-.854V9.525zm4.1.171h1.195v1.366h1.196V9.696h1.195v3.756H6.491v-1.366H5.295v1.366H4.1Zm5.124 0h1.366l1.367 3.756H10.76l-.854-2.56l-.854 2.56H7.857Zm10.589 0h3.928v2.39h-.854l.854 2.22h-1.195l-1.367-3.244h1.367v-.17h-1.537v2.56h-1.196Zm-19.641 0h3.757v2.561H2.05l-.512-1.195h1.366v-.17H1.367v2.56H.172Zm11.955 0h3.928v1.025h-2.049l2.05 1.707v1.024h-3.929v-1.024h2.22l-2.22-1.537Zm4.099 0h3.416v1.196h-2.391v.17h2.391v1.195h-2.391v.171h2.391v1.024h-3.416zm-1.83 1.195h1.66v1.317z"/></svg>Phaser アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:phaser" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:phaser" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:phaser" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--phaser]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:phaser"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:phaser"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/phaser.svg" alt="Phaser アイコン" width="24" height="24">Phaser アイコン のよくある質問
Phaser アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Phaser アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:phaser" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Phaser アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/phaser.svg" alt="Phaser アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。