Dust Cloud アイコン

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

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

game-icons:dust-cloud

Dust Cloud アイコン(game-icons:dust-cloud)は、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
タグ: dustcloud

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M157.28 20.156c49.034 80.853 158.543 191.31 280.314 282.72c-12.952-21.306-30.14-44.73-50.656-69.313c28.743-10.15 24.95-58.844-11.344-58.844c-13.48 0-22.456 6.72-26.97 15.686C295.36 133.576 228.32 73.53 157.282 20.156zm149.5 19.657c-28.475 0-28.49 42.656 0 42.656c28.494 0 28.477-42.657 0-42.657zM96.814 53.718c-28.476 0-28.493 42.655 0 42.655c1.2 0 2.337-.074 3.437-.22c11.16 20.95 24.392 43.76 30.094 54.72c-34.91-27.997-71.838-55.12-110.375-80.03c45.8 69.48 95.23 131.372 148.343 187.468c-44.29-39.876-94.253-78.585-147.157-113.282c46.907 90.757 163.835 205.804 299 294.345c-18.66-35.987-48.926-76.256-86.437-116.813c39.578 36.5 81.035 70.486 124.405 102.532c-26.27 2.126-25.556 42.562 2.188 42.562c16.258 0 23.203-13.887 20.906-25.812c27.366 19.495 55.49 38.282 84.374 56.5c-17.89-46.96-52.54-103.187-97.938-161.188a1075 1075 0 0 0 97.594 71.094c-40.95-88.83-150.568-199.87-279.72-283.344c6.852 14.92 15.627 30.436 26.095 46.344c-32.12-28.783-65.672-55.986-99.75-80.563c11.906-11.61 6.894-36.968-15.063-36.968zm-4.188 236.405c-28.476 0-28.493 42.656 0 42.656s28.476-42.655 0-42.655zm15.313 79.25c-28.476 0-28.493 42.656 0 42.656s28.475-42.655 0-42.655zm70.906 12.53c-48.87 0-48.9 73.22 0 73.22c48.898 0 48.87-73.22 0-73.22"/></svg>

Dust Cloud アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="game-icons:dust-cloud"></iconify-icon>

HTML 画像

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

Dust Cloud アイコンのよくある質問

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

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

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

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

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

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

Game Icons をすべて見る →