ICONYZ
Português (Brasil)
Ícone Clusterduck de Arcticons

Ícone Clusterduck

arcticons:clusterduck

O ícone Clusterduck (arcticons:clusterduck) é um ícone SVG gratuito da coleção Arcticons de Donnnno. Ele é desenhado em uma grade de 48 × 48. Arcticons são publicados sob a licença CC BY-SA 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor e compartilhe as alterações nos ícones sob a mesma licença. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção
Arcticons
Autor
Donnnno
Licença
CC-BY-SA-4.0
Tamanho
48 × 48
Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M40.331 22.633c-4.863.934-14.914-2.688-15.019-3.502c-.104-.813-.074-1.283 0-2.1c.185-2.04 1.77-2.938 1.634-4.981c-.255-3.868-3.6-6.772-7.47-6.537c-3.625.22-6.51 2.907-6.615 6.537a6 6 0 0 0 0 .389m27.47 10.194c-.517 2.219-.935 5.172-2.17 7.086c-2.036 3.152-6.04 5.882-7.487 6.066c-.904.115-1.938 0-1.938 0m11.595-13.152c-1.59 3.405-2.548 4.565-5.533 4.447m-19.135-8.571H9.614a.566.566 0 0 1-.566-.566V16.69c0-.284.23-.515.516-.515h0m6.099 2.335l1.112-1.32a.57.57 0 0 0 .133-.365v-1.506a.56.56 0 0 0-.262-.477l-3.785-2.402m2.802 6.07v.506m-2.802-6.576c-2.55.55-5.07-.968-5.134.063l-.007.082c-.023.179-.106.92.005 1.399c.254 1.088 1.838 2.191 1.838 2.191m5.35-.274l-.071.082a.56.56 0 0 1-.426.192H9.564m10.301 14.399s3.126 2.643 6.693 2.643c3.91 0 8.404-3.563 8.404-5.447c0-1.662-3.891-5.668-9.65-5.668c-3.634 0-5.447 1.466-5.447 1.466m8.871 12.217v3.481a.566.566 0 0 1-.566.566h-4.195m4.761-4.047h-2.179m-2.8 0s-1.047.065-1.713 0c-4.806-.465-7.547-4.61-8.015-9.416c-.24-2.469 1.284-6.058 1.583-6.735a.6.6 0 0 0 .051-.237v-.381m8.093 16.77v1.846a.566.566 0 0 1-.566.566h-.58a.566.566 0 0 0-.566.566v.502c0 .313.253.566.566.566h1.365m-.219-4.047h2.801m0 0v1.23c0 .15-.059.294-.165.4l-2.417 2.417m-5.723-20.536l-2.589.1"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M28.976 37.248c4.857.298 8.232 1.342 8.232 2.583c0 1.474-5.055 2.669-11.29 2.669s-11.29-1.195-11.29-2.669c0-1.295 3.768-2.34 8.946-2.583"/></svg>

Como usar o ícone Clusterduck

React

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

<Icon icon="arcticons:clusterduck" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:clusterduck" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:clusterduck" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--clusterduck]"></span>

UnoCSS

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

Web component

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

<iconify-icon icon="arcticons:clusterduck"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/arcticons/clusterduck.svg" alt="Ícone Clusterduck" width="24" height="24">

Perguntas frequentes sobre Ícone Clusterduck

O ícone Clusterduck é grátis para uso comercial?

Sim. Arcticons são publicados sob a licença CC BY-SA 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor e compartilhe as alterações nos ícones sob a mesma licença.

Como uso o ícone Clusterduck no React?

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

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

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

Ver todos os Arcticons →