ICONYZ
Português (Brasil)
Ícone Mosque de Noto Emoji (v1)

Ícone Mosque

noto-v1:mosque

O ícone Mosque (noto-v1:mosque) é um ícone SVG gratuito da coleção Noto Emoji (v1) de Google Inc. Ele é desenhado em uma grade de 128 × 128. Noto Emoji (v1) icons são publicados sob a licença Apache 2.0, 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
Noto Emoji (v1)
Autor
Google Inc
Licença
Apache-2.0
Tamanho
128 × 128
Categoria
Viagens e lugares
Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#f2c07c" d="M12.43 106v10H4v12h34.43v-22zM98 116h26v12H98z"/><path fill="#ffa726" d="M78.42 39.75h-5.03l1-3.63h3.04z"/><path fill="#fbc21a" d="M75.71 36.12h1.72l.99 3.63h-2.44z"/><circle cx="75.98" cy="34.98" r="2.8" fill="#ffa726"/><path fill="#fbc21a" d="M75.98 32.18c1.54 0 2.8 1.25 2.8 2.8c0 1.54-1.25 2.8-2.8 2.8c0 0-.51-.88-.51-2.69c0-1.82.51-2.91.51-2.91"/><circle cx="75.98" cy="31.05" r="1.77" fill="#ffa726"/><path fill="#ffca28" d="M75.98 29.28c.98 0 1.77.79 1.77 1.77s-.79 1.77-1.77 1.77c0 0-.48-.61-.48-1.72s.48-1.82.48-1.82"/><path fill="#fbc21a" d="M104.12 67.5c0 19.01-12.6 18.17-28.14 18.17s-28.15.84-28.15-18.17s28.14-28.75 28.14-28.75s28.15 9.74 28.15 28.75"/><path fill="#f79329" d="M75.98 38.75S47.84 48.49 47.84 67.5s12.6 18.17 28.14 18.17c0 0-5.86.29-5.86-17.54s5.86-29.38 5.86-29.38"/><path fill="#f2c07c" d="M38.43 73.67h75.09V128H38.43z"/><path fill="#ffdcae" d="M109.52 77.664v46.33H42.43v-46.33z"/><path fill="#b79178" d="M89.4 109.61V128H62.53v-18.39c0-7.41 13.44-14.6 13.44-14.6s13.43 7.19 13.43 14.6"/><path fill="#855c52" d="M75.98 95.01s-13.44 7.19-13.44 14.6v3.83c0-7.41 13.44-14.6 13.44-14.6s13.43 7.19 13.43 14.6v-3.83c-.01-7.41-13.43-14.6-13.43-14.6"/><path fill="#b79178" d="M103.52 93.9v11.24h-9.96V93.9c0-2.75 4.98-5.41 4.98-5.41s4.98 2.66 4.98 5.41m-45.12 0v11.24h-9.96V93.9c0-2.75 4.98-5.41 4.98-5.41s4.98 2.66 4.98 5.41"/><path fill="#855c52" d="M98.54 88.48s-4.98 2.67-4.98 5.41v2.38c0-2.75 4.98-5.41 4.98-5.41s4.98 2.67 4.98 5.41v-2.38c0-2.74-4.98-5.41-4.98-5.41m-45.12 0s-4.98 2.67-4.98 5.41v2.38c0-2.75 4.98-5.41 4.98-5.41s4.98 2.67 4.98 5.41v-2.38c0-2.74-4.98-5.41-4.98-5.41"/><path fill="#ffdcae" d="M32.43 128h-14V28l6.91-24.33L32.43 28z"/><path fill="#fbc21a" d="m18.43 28l6.91-24.33L32.43 28z"/><path fill="#f2c07c" d="M25.09 128h-6.66V28l6.91-24.33L25.09 28z"/><path fill="#f79329" d="m18.43 28l6.91-24.33L25.09 28z"/><path fill="#ffdcae" d="M32.44 51.94H18.41l-3.98-4.4v-5.6h22v5.6z"/><path fill="#f2c07c" d="M32.45 51.94H18.41l-3.98-4.4v-5.6h8.91v5.61h13.08z"/><path fill="#ffdcae" d="M32.44 77.6H18.41l-3.98-4.39V67.6h22v5.61z"/><path fill="#f2c07c" d="M32.45 77.6H18.41l-3.98-4.39V67.6h8.91v5.62h13.08zm-.02 50.4h-8.67V91.33l8.67 15z"/><path fill="#855c52" d="M69.97 108h12v20h-12z"/><path fill="#fbc21a" d="m74.49 30.04l1.36-14.17l1.44 14.17z"/><path fill="#ffa726" d="m74.49 30.04l1.36-14.17l-.02 14.17z"/></svg>

Como usar o ícone Mosque

React

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

<Icon icon="noto-v1:mosque" width="24" />

Vue

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

<template>
  <Icon icon="noto-v1:mosque" width="24" />
</template>

Svelte

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

<Icon icon="noto-v1:mosque" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--mosque]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:mosque"></div>

Web component

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

<iconify-icon icon="noto-v1:mosque"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/noto-v1/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. Noto Emoji (v1) icons são publicados sob a licença Apache 2.0, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Mosque no React?

Instale @iconify/react e renderize <Icon icon="noto-v1: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/noto-v1/mosque.svg" alt="Ícone Mosque">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Noto Emoji (v1) →