Ícone Monstra
whh:monstra
O ícone Monstra (whh:monstra) é um ícone SVG gratuito da coleção WebHostingHub Glyphs de WebHostingHub. Ele é desenhado em uma grade de 832 × 1024. WebHostingHub Glyphs icons são publicados sob a Open Font License, 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
- WebHostingHub Glyphs
- Autor
- WebHostingHub
- Licença
- OFL-1.1
- Tamanho
- 832 × 1024
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="832" height="1024" viewBox="0 0 832 1024"><path fill="currentColor" d="M832 544q0 109-52.5 202T638 895q2 18 2 33q0 40-9.5 68t-22.5 28q-15 0-48.5-23.5T515 948q-50 12-99 12t-99-12q-11 29-44.5 52.5T224 1024q-13 0-22.5-28t-9.5-68q0-16 2-33q-89-56-141.5-149T0 544q0-108 51-200t139-149t194-65v-12q-25-14-44.5-43.5T320 32t28-22.5T416 0t68 9.5T512 32t-19.5 42.5T448 118v12q106 8 194 65t139 149t51 200M416 896q60 0 94-16t66-48H256q29 29 65 46.5t95 17.5m0-576q-93 0-158.5 65.5T192 544t65.5 158.5T416 768t158.5-65.5T640 544t-65.5-158.5T416 320m0 320q-40 0-68-28t-28-68t28-68t68-28q21 0 41 10q-9 9-9 22t9.5 22.5T480 512t22-9q10 20 10 41q0 40-28 68t-68 28"/></svg>Como usar o ícone Monstra
React
import { Icon } from "@iconify/react";
<Icon icon="whh:monstra" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:monstra" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:monstra" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--monstra]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:monstra"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:monstra"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/whh/monstra.svg" alt="Ícone Monstra" width="24" height="24">Perguntas frequentes sobre Ícone Monstra
O ícone Monstra é grátis para uso comercial?
Sim. WebHostingHub Glyphs icons são publicados sob a Open Font License, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Monstra no React?
Instale @iconify/react e renderize <Icon icon="whh:monstra" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Monstra a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/whh/monstra.svg" alt="Ícone Monstra">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.