Steam アイコン

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

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

fontisto:steam

Steam アイコン(fontisto:steam)は、Fontisto セットの無料 SVG アイコンです（作者: Kenan Gündoğan）。 28 × 24 のグリッドで描かれています。 Fontisto icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Fontisto
作者: Kenan Gündoğan
ライセンス: MIT
サイズ: 28 × 24
カテゴリ: ブランド

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="28" height="24" viewBox="0 0 28 24"><path fill="currentColor" d="M24.72 7.094a3.812 3.812 0 0 1-6.508 2.695a3.812 3.812 0 1 1 5.387-5.391l.002.002a3.66 3.66 0 0 1 1.12 2.641v.055v-.003zM12.687 18.687v-.012a3.894 3.894 0 0 0-3.894-3.894H8.78h.001q-.45 0-.87.099l.026-.005l1.625.656a3.04 3.04 0 0 1 1.704 1.644l.007.02c.164.356.26.772.26 1.21c0 .418-.087.816-.244 1.176l.007-.019a3 3 0 0 1-1.652 1.696l-.02.007c-.355.161-.77.254-1.206.254c-.422 0-.824-.088-1.188-.246l.019.007q-.328-.125-.969-.383l-.953-.383c.337.627.82 1.138 1.405 1.498l.017.01a3.75 3.75 0 0 0 1.999.571h.034h-.002h.012a3.894 3.894 0 0 0 3.894-3.894zM25.656 7.11a4.775 4.775 0 0 0-4.765-4.766a4.766 4.766 0 1 0 3.367 8.141a4.57 4.57 0 0 0 1.399-3.296l-.001-.083zm2.344 0a7.11 7.11 0 0 1-7.109 7.109h-.001L14.062 19.2a5.12 5.12 0 0 1-1.698 3.402l-.005.004A5.1 5.1 0 0 1 8.847 24h-.069h.004a5.31 5.31 0 0 1-5.181-4.152l-.007-.035L0 18.376v-6.703l6.08 2.453a5.05 5.05 0 0 1 2.664-.75h.041h-.002q.203 0 .547.031l4.438-6.359A7.137 7.137 0 0 1 20.89.001h.001a7.12 7.12 0 0 1 7.11 7.109v.001z"/></svg>

Steam アイコンの使い方

React

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

<Icon icon="fontisto:steam" width="24" />

Vue

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

<template>
  <Icon icon="fontisto:steam" width="24" />
</template>

Svelte

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

<Icon icon="fontisto:steam" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fontisto--steam]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fontisto -->
<div class="i-fontisto:steam"></div>

Web コンポーネント

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

<iconify-icon icon="fontisto:steam"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fontisto/steam.svg" alt="Steam アイコン" width="24" height="24">

他のアイコンセットの Steam アイコン

Steam アイコンのよくある質問

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

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

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

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

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

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

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