Steam Light アイコン

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

はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

selfhst:steam-light

Steam Light アイコン(selfhst:steam-light)は、selfh.st/icons セットの無料 SVG アイコンです（作者: selfh.st）。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: selfh.st/icons
作者: selfh.st
ライセンス: CC-BY-4.0
サイズ: 512 × 512
タグ: steamlight

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="M255.8 0C120.2 0 9.2 105.5.4 239c0 .1.1.1.1.2l137.6 56.6q5.55-3.75 12-6.3c9.7-4 19.8-5.8 30-5.3l62.6-91v-1.3c0-53.7 43.6-97.4 97.2-97.4s97.2 43.7 97.2 97.4s-43.6 97.4-97.2 97.4h-2.2l-89.6 64.1c.3 9.9-1.6 19.8-5.5 29.2c-15 36.1-56.7 53.4-92.8 38.3c-22.1-9.2-37.1-28.3-41.9-50.2l-96.9-40C43 435.7 140.5 512 255.9 512c141.4 0 256-114.6 256-256C511.8 114.6 397.2 0 255.8 0m-96.3 392.1L127.8 379c5.6 11.7 15.3 21.5 28.2 26.9c27.9 11.6 60-1.6 71.6-29.6c5.6-13.5 5.6-28.4.1-42c-5.6-13.5-16-24.1-29.6-29.8c-13.4-5.6-27.8-5.4-40.4-.6l32.7 13.6c20.6 8.6 30.3 32.2 21.7 52.8c-8.5 20.6-32.1 30.3-52.6 21.8m245.2-200.2c0-35.8-29.1-64.9-64.8-64.9s-64.8 29.1-64.8 64.9s29.1 64.9 64.8 64.9s64.8-29.1 64.8-64.9m-113.4-.1c0-26.9 21.8-48.8 48.7-48.8s48.7 21.8 48.7 48.8c0 26.9-21.8 48.7-48.7 48.7s-48.7-21.8-48.7-48.7"/></svg>

Steam Light アイコンの使い方

React

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

<Icon icon="selfhst:steam-light" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:steam-light" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:steam-light" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="selfhst:steam-light"></iconify-icon>

HTML 画像

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

selfh.st/icons の関連アイコン

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

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

はい。selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

selfh.st/icons をすべて見る →