Tumbleweed アイコン

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

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

game-icons:tumbleweed

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

アイコンセット: Game Icons
作者: GameIcons
ライセンス: CC-BY-3.0
サイズ: 512 × 512

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M174.7 46.35s-53.1 40.57-69.2 68.55c-8.6 15.1-14.17 44-16.81 60.6L45.6 236.2l52.77 70.5l-24.51-72.4C102.2 172.9 175.8 136.5 242.4 96.2c75.8 22 150.2 45.7 188.8 116.9c-26.3 28.6-42.2 56.6-65.2 81.7c-18.1-17.8-26-36.4-20.9-57.5l20.3-45.3s-34-47.7-63.3-55.8s-95.8 17.2-95.8 17.2l-7.8 77.7l72.8 26.7l-54-44.7l33.4-43.9l60.6 16.4c13.6 21-10.8 29.9-24.1 42.4c11-1 19.6 1.3 27.2 5l-5.5 55.2c-26.4 8.3-66.3 17.8-95.5 6.4c-42.9-16.8-61.9-42.1-54.1-68.7l19.3-65.6l-65.9 65.6l85.7 118.5l155.3-33.9c-15.3 15.9-25.4 18.7-52 31.4c3.1 14-19.7 27.2-28.2 38.9c-29 9-43.6 16.5-74.2 17.3c-31.1-21.7-49.8-49.5-60.2-81.4c-5.7 28.7-1.4 55.6 25.5 78.3c-99.39-20.1-94.15-97.1-140.95-145.8c33.11 57.2 12.47 141.1 101.85 171c64.6 21.5 128.7-6.7 192.4-12.1c27.3-15.6 52.7-34 79.3-50.7L376.6 421l-152.7 17.1c56.1 16 168 29.8 179.4 12.1c20.6-32 14-69.9 15-105.4c16.4-9.2 33.7-17.3 52.4-23.4c.9-23.5-15.1-45.1 17.6-72.2l-43.4-13.8c8.8-9.4 17.4-18.6 25.8-27.5c-57.1-53-100.8-112.5-227.5-131.52L114.5 153l8.5-33.6l51.7-52.42l41.4.8zm94.6 2.09l151.8 62.36l34.5 54.8l-6.6-62.2zM433.2 248l5.9 51l-94.8 65.4c-13.6 2.4-27 5.9-40.3 9.9c45.5-38.1 89.2-83.7 129.2-126.3M39.97 401.4l75.53 79.1l91.3-26.7h-83.4z"/></svg>

Tumbleweed アイコンの使い方

React

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

<Icon icon="game-icons:tumbleweed" width="24" />

Vue

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

<template>
  <Icon icon="game-icons:tumbleweed" width="24" />
</template>

Svelte

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

<Icon icon="game-icons:tumbleweed" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[game-icons--tumbleweed]"></span>

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="game-icons:tumbleweed"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/game-icons/tumbleweed.svg" alt="Tumbleweed アイコン" width="24" height="24">

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

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

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

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

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

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

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

Game Icons をすべて見る →