Mosque アイコン
noto-v1:mosque
Mosque アイコン(noto-v1:mosque)は、Noto Emoji (v1) セットの無料 SVG アイコンです（作者: Google Inc）。 128 × 128 のグリッドで描かれています。 Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Noto Emoji (v1)
- 作者
- Google Inc
- ライセンス
- Apache-2.0
- サイズ
- 128 × 128
- カテゴリ
- 旅行・場所
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>
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 コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto-v1:mosque"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/noto-v1/mosque.svg" alt="Mosque アイコン" width="24" height="24">
Mosque アイコン のよくある質問
Mosque アイコンは商用利用でも無料ですか?
はい。Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Mosque アイコンを使うには?
@iconify/react をインストールして <Icon icon="noto-v1:mosque" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Mosque アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/noto-v1/mosque.svg" alt="Mosque アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Noto Emoji (v1) アイコン をすべて見る →
ICONYZ
