Ícone Sponge
thesvg-color:sponge
O ícone Sponge (thesvg-color:sponge) é um ícone SVG gratuito da coleção theSVG Color de thesvg.org. Ele é desenhado em uma grade de 24 × 24. theSVG Color icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- theSVG Color
- Autor
- thesvg.org
- Licença
- MIT
- Tamanho
- 24 × 24
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M1.2 0C.54 0 0 .54 0 1.2v21.6c0 .66.54 1.2 1.2 1.2h1.932c-.204-5.484-.012-6.3.372-6.84c.468-.672.66-.756 1.368-1.32c.6-.48.384-1.26-.048-1.824c-.264-.348-.636-.756-.924-1.152c-.18-.264.264-1.812.432-2.376s.456-2.4 2.976-2.892c.948-.192 3.552-.324 5.34-.216l-.144-.708c-.069-.338-.156-.671-.228-1.008a11 11 0 0 0-.504-1.572a4 4 0 0 0-.228-.468c-.066-.1-.12-.187-.19-.258c-.097-.098-.122-.082-.242-.09c-.466-.036-.965.036-1.584.18c-.621.145-1.37.398-1.452.42c.012.108.024.204.024.312c0 1.56-1.26 2.82-2.82 2.82a2.807 2.807 0 0 1-2.808-2.82c0-1.56 1.26-2.82 2.82-2.82A2.82 2.82 0 0 1 7.74 2.784c.488-.188.978-.37 1.476-.528c.396-.12.804-.24 1.26-.3c.228-.036.468-.048.732-.036c.17.004.275.011.404.047c.11.03.222.085.328.133c.123.074.14.085.243.156c.093.076.226.203.309.312c.096.108.168.216.24.324c.144.216.252.42.348.624c.192.408.348.816.468 1.2c.128.37.227.749.324 1.128c.14.555.25 1.116.348 1.68c2.688.264 4.74.612 5.664 1.536c1.356 1.32 2.4 7.32 1.716 14.94h1.2c.66 0 1.2-.54 1.2-1.2V1.2c0-.66-.54-1.2-1.2-1.2zm9.768 16.896c-.156.432-.288 5.484 1.2 5.484s1.5-5.184 1.452-5.484c-.048-.288-2.496-.42-2.652 0M9 12c-1.02-.144-1.632 4.824-.204 5.112c1.344.264 1.212-4.968.204-5.112m6.696 0c-1.02-.144-1.632 4.824-.204 5.112c1.344.264 1.224-4.968.204-5.112"/></svg>
Como usar o ícone Sponge
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:sponge" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:sponge" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:sponge" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--sponge]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:sponge"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:sponge"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/sponge.svg" alt="Ícone Sponge" width="24" height="24">
O ícone Sponge em outras coleções
Perguntas frequentes sobre Ícone Sponge
O ícone Sponge é grátis para uso comercial?
Sim. theSVG Color icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Sponge no React?
Instale @iconify/react e renderize <Icon icon="thesvg-color:sponge" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Sponge a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/thesvg-color/sponge.svg" alt="Ícone Sponge">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones theSVG Color →
ICONYZ
