ICONYZ
日本語
Arcticons の Slay The Spire アイコン

Slay The Spire アイコン

arcticons:slay-the-spire

Slay The Spire アイコン(arcticons:slay-the-spire)は、Arcticons セットの無料 SVG アイコンです(作者: Donnnno)。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Arcticons
作者
Donnnno
ライセンス
CC-BY-SA-4.0
サイズ
48 × 48
タグ
slaythe、thespire、slaythespire
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M32.204 43.5c-14.811-1.547-20.02-12.886-20.8-15.366a6.1 6.1 0 0 0 2.091.39s-2.905-5.705-3.65-8.858a19 19 0 0 0 2.126.283S8.606 13.465 9.172 7.122c6.024 3.756 12.402 7.725 20.48 8.717C33.693 13.287 35.819 4.5 35.819 4.5a20.3 20.3 0 0 1 3.012 10.382c.284 6.661-.166 18.2-6.626 28.618"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M38.71 13.289c-1.12 4.676-5.75 10.487-5.75 10.487c-7.323-.237-19.633-7.634-23.54-11.683m23.54 11.683c.473 5.48-.756 19.724-.756 19.724m4.936-18.974c-.306 1.966-2.054 4.173-2.666 6.664m-18.855-6.445c4.413 6.336 11.317 3.113 12.738 10.006c-3.671-2.927-10.663-.502-12.738-10.006"/></svg>

Slay The Spire アイコンの使い方

React

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

<Icon icon="arcticons:slay-the-spire" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:slay-the-spire" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:slay-the-spire" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--slay-the-spire]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:slay-the-spire"></div>

Web コンポーネント

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

<iconify-icon icon="arcticons:slay-the-spire"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/slay-the-spire.svg" alt="Slay The Spire アイコン" width="24" height="24">

Slay The Spire アイコン のよくある質問

Slay The Spire アイコンは商用利用でも無料ですか?

はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

React で Slay The Spire アイコンを使うには?

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

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

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

Arcticons をすべて見る →