Steamdb Light アイコン

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

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

selfhst:steamdb-light

Steamdb Light アイコン(selfhst:steamdb-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
タグ: steamdblight

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" fill-rule="evenodd" d="M255.6 0C122 0 12.4 47.6.4 108.4l142.4 26.8c11.6-3.6 24.8-5.2 38.4-5.2L248 90c-.8-10 5.2-20.4 18.8-28.8C286 48.8 316 42 346.4 42c20.8-.4 42 2.8 60 8.8c44.8 15.2 54.8 44.4 22.8 65.2c-20.4 13.2-53.2 20-85.6 19.2l-88 31.6c-.8 6.4-5.2 12.4-13.6 18c-23.6 15.2-69.6 18.8-102.4 7.6c-14.4-4.8-24-12-28-19.2L10 153.6c9.2 14.4 24 27.6 43.2 39.2C20 212 0 236 0 262c0 25.6 19.2 49.2 51.6 68.4C19.2 349.2 0 372.8 0 398.4C0 461.2 114.4 512 256 512c141.2 0 256-50.8 256-113.6c0-25.6-19.2-49.2-51.6-68c32.4-19.2 51.6-42.8 51.6-68.4c0-26-20-50.4-53.6-69.6c33.2-20.4 53.2-45.6 53.2-72.8c0-66-114.8-119.6-256-119.6m91.2 56.8c-20.8.4-40.8 4.8-53.6 13.2c-22 14.4-15.2 34 15.2 44.4s72.4 7.2 94.4-7.2s15.2-34-15.2-44c-12.4-4-26.8-6-40.8-6zm1.2 6.8c29.6 0 53.2 11.2 53.2 24.8s-23.6 24.8-53.2 24.8s-53.2-11.2-53.2-24.8s23.6-24.8 53.2-24.8m-166.8 74c-6.4.4-12.4.8-18.4 1.6l36.4 6.8c22.2 4.1 32.9 15.8 24 26.1s-34.2 15.2-56.4 11.1l-35.6-6.8c4 3.6 9.6 6.8 17.2 9.6c25.6 8.8 61.6 6 80-6s12.8-28.8-12.8-37.2c-10.4-3.6-22.8-5.2-34.4-5.2M436 204v37.2c0 44-80.8 79.6-180 79.6c-99.6 0-180-35.6-180-79.6v-36.8c46 21.2 109.6 34.4 179.6 34.4c70.4 0 134.4-13.2 180.8-34.8zm0 138.4v35.2c0 44-80.8 79.6-180 79.6c-99.6 0-180-35.6-180-79.6v-35.2c46.4 20.4 109.6 32.8 180 32.8s134-12.4 180-32.8"/></svg>

Steamdb Light アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

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