ICONYZ
Português (Brasil)
Ícone Dust Cloud de Game Icons

Ícone Dust Cloud

game-icons:dust-cloud

O ícone Dust Cloud (game-icons:dust-cloud) é um ícone SVG gratuito da coleção Game Icons de GameIcons. Ele é desenhado em uma grade de 512 × 512. Game Icons são publicados sob a licença CC BY 3.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção
Game Icons
Autor
GameIcons
Licença
CC-BY-3.0
Tamanho
512 × 512
Tags
dustcloud
Baixar SVG

Código 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>

Como usar o ícone 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 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>

Imagem HTML

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

Perguntas frequentes sobre Ícone Dust Cloud

O ícone Dust Cloud é grátis para uso comercial?

Sim. Game Icons são publicados sob a licença CC BY 3.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.

Como uso o ícone Dust Cloud no React?

Instale @iconify/react e renderize <Icon icon="game-icons:dust-cloud" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Dust Cloud a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/game-icons/dust-cloud.svg" alt="Ícone Dust Cloud">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Game Icons →