Desert アイコン

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

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

game-icons:desert

Desert アイコン(game-icons:desert)は、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="m481.5 21.96l-45.6 12.33c2.6 5.3 4.3 11.14 4.9 17.3l45.3-12.25zm-279.3.67L200 40.51l143 17.04V56c0-5.7 1-11.17 2.8-16.26zM392 25c-17.2 0-31 13.77-31 31s13.8 31 31 31s31-13.77 31-31s-13.8-31-31-31m-43.8 52.81l-74.5 54.89l10.6 14.4L359 92.12c-4.5-4.05-8.1-8.9-10.8-14.31m73.9 16.81c-4.8 3.7-10.2 6.58-16.1 8.28l38.9 67.2l15.6-9zm-294.2.58c-.3.01-.5.02-.7.04c-3.3.32-7.7 3.47-11.8 8.76c-2.5 20.1-2.5 42.6.3 62.6l1.7 11.8l-11.9-1.7c-5.1-.7-7.11-.8-12.91-.4l-8.75.6l-.8-8.8c-.8-8.6-3.77-20.7-7.11-29.3c-3.41-2.9-5.73-3.4-7.78-3.2c-1.85.3-4.44 1.5-7.51 4.5c1.81 18.8 3.36 36.9 8.7 54.9c9.63 4.2 23.42 6.4 36.96 5.7l10-.5l-.6 10c-4.3 73.9-6.1 142.6-1 215.8c8.1 3.7 15.8 5.5 21.9 5.5c5.8 0 9.6-1.5 12-3.5c4.5-42.7.6-83.1-1.8-124.8l-.5-9.4l9.4-.1c10.7-.1 19.7-2.3 25.9-5.4c6-2.8 8.8-6.4 9.3-7.8c5.6-38.6 9.4-72.6 7.2-109.3c-.1-2.2-.7-2.9-1.8-3.8c-1-.9-3-1.7-5.2-1.8c-2.2-.2-4.6.3-6.1 1.1s-2 1.5-2.3 2.4c-9.4 31.1-17.3 62-18.6 94.7v.1l-18-.9v-.1c2.7-51 .6-104.7-2.6-156.2c-7.2-9.39-12.2-11.54-15.6-11.5m239.6 3.2l-53.9 142.9l16.8 6.4l54-143.3c-6-.9-11.8-3-16.9-6m66.4 111.7v47.8l-7.6-1.8l-4-28.2l-17.8 2.6l5.8 40.4l23.6 5.5V297h-233c-3.1 3-7.1 5.5-11.4 7.6c-6.8 3.2-15 5.6-24.2 6.6c2.5 39.2 5.8 78.9.9 121.7l-.2 2.4l-1.5 2c-6.4 8.5-17 12.2-27.9 12.2c-11 0-22.9-3.3-34.8-9.7l-4.41-2.3l-.36-4.9C93.6 386.2 93 341.8 94.04 297H25v190h462V297h-35.1v-38.5l23-5.3l4.8-24.8l-17.6-3.4l-2.6 13.2l-7.6 1.7v-29.8z"/></svg>

Desert アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

Game Icons の関連アイコン

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

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

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

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

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

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

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

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

Game Icons をすべて見る →