Ícone Mosque
fluent-emoji-high-contrast:mosque
O ícone Mosque (fluent-emoji-high-contrast:mosque) é um ícone SVG gratuito da coleção Fluent Emoji High Contrast de Microsoft Corporation. Ele é desenhado em uma grade de 32 × 32. Fluent Emoji High Contrast 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
- Fluent Emoji High Contrast
- Autor
- Microsoft Corporation
- Licença
- MIT
- Tamanho
- 32 × 32
- Categoria
- Viagens e lugares
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M2.06 8.52v.01a.49.49 0 0 0 .45.489V29.03H4V29h.51l-.01-3c0-1.37 1.02-3.99 2.48-3.97c1.51-.02 2.54 2.62 2.54 3.99L9.49 29h4l.01-6c0-1.37 1.96-3.95 2.95-3.97c1.02.01 3.02 2.63 3.01 3.99V29h4.03l.01-3c0-1.37 1.02-3.99 2.47-3.97c1.51-.02 2.53 2.62 2.53 3.99L28.47 29H29v.03h1.51V9.018a.49.49 0 0 0 .44-.488v-.01a.49.49 0 0 0-.314-.457c.233-.456.364-.97.364-1.513c0-1.89-2.93-4.57-3.49-4.55C26.9 1.99 24 4.67 24 6.55c0 .547.133 1.065.369 1.523a.49.49 0 0 0-.289.447v.01c0 .25.189.457.43.487v7.033c0 .54-.44.98-.99.98H22.5c-.55 0-.99-.44-.99-.98v-1.03h.55c.24 0 .43-.19.43-.43v-.14c0-.24-.19-.43-.43-.43h-1.717l.097-.01c1.11 0 2.02-.92 2.02-2.07l.03-2.09c0-1.827-1.461-2.652-2.969-3.502c-1.033-.583-2.089-1.179-2.711-2.118c-.19-.29-.57-.29-.75 0c-.607.946-1.65 1.543-2.671 2.128c-1.42.813-2.798 1.603-2.909 3.272v2.31c0 1.15.91 2.07 2.02 2.07l.097.01H10.92c-.24 0-.43.19-.43.43v.14c0 .24.19.43.43.43h.59v1.03c0 .54-.44.99-.99.99h-1c-.55 0-.99-.44-.99-.98V9.012a.474.474 0 0 0 .4-.482v-.01a.49.49 0 0 0-.297-.45C8.868 7.612 9 7.096 9 6.55C9 4.66 6.07 1.98 5.51 2C4.9 1.99 2 4.67 2 6.55c0 .544.132 1.06.365 1.516a.49.49 0 0 0-.305.454m4.43 7.51H4.48l.01-2.34c0-.55.67-1.66 1-1.66c.34 0 1.01 1.12 1.01 1.67zm22 0h-2.01l.01-2.34c0-.55.67-1.66 1-1.66c.34 0 1.01 1.12 1.01 1.67z"/></svg>
Como usar o ícone Mosque
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:mosque" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:mosque" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:mosque" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--mosque]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:mosque"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:mosque"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/mosque.svg" alt="Ícone Mosque" width="24" height="24">
O ícone Mosque em outras coleções
Perguntas frequentes sobre Ícone Mosque
O ícone Mosque é grátis para uso comercial?
Sim. Fluent Emoji High Contrast icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Mosque no React?
Instale @iconify/react e renderize <Icon icon="fluent-emoji-high-contrast:mosque" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Mosque a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/mosque.svg" alt="Ícone Mosque">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Ícones Fluent Emoji High Contrast →
ICONYZ
