Icône Mosque

noto-v1:mosque

L'icône Mosque (noto-v1:mosque) est une icône SVG gratuite de la collection Noto Emoji (v1) par Google Inc. Elle est dessinée sur une grille de 128 × 128. Les Noto Emoji (v1) icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: Noto Emoji (v1)
Auteur: Google Inc
Licence: Apache-2.0
Taille: 128 × 128
Catégorie: Voyage et lieux

Télécharger le SVG

Code 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>

Comment utiliser l'icône 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>

Image HTML

<img src="https://iconyz.com/api/public/svg/noto-v1/mosque.svg" alt="Icône Mosque" width="24" height="24">

L'icône Mosque dans d'autres collections

FAQ : Icône Mosque

L'icône Mosque est-elle gratuite pour un usage commercial ?

Oui. Les Noto Emoji (v1) icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Mosque dans React ?

Installez @iconify/react et affichez <Icon icon="noto-v1:mosque" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Mosque à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/noto-v1/mosque.svg" alt="Icône Mosque">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Noto Emoji (v1) →