ICONYZ
English
Dust Cloud icon from Game Icons

Dust Cloud icon

game-icons:dust-cloud

The Dust Cloud icon (game-icons:dust-cloud) is a free SVG icon from the Game Icons set by GameIcons. It is drawn on a 512 × 512 grid. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set
Game Icons
Author
GameIcons
License
CC-BY-3.0
Size
512 × 512
Tags
dustcloud
Download SVG

SVG code

<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>

How to use the Dust Cloud icon

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 component

<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 image

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

Dust Cloud icon FAQ

Is the Dust Cloud icon free for commercial use?

Yes. Game Icons are released under the CC BY 3.0 license, which allows use in personal and commercial projects as long as you credit the author.

How do I use the Dust Cloud icon in React?

Install @iconify/react and render <Icon icon="game-icons:dust-cloud" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Dust Cloud icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/game-icons/dust-cloud.svg" alt="Dust Cloud icon">, or paste the SVG code inline to style it with CSS.

Browse all Game Icons →