Mosque アイコン

Q: Mosque アイコンは商用利用でも無料ですか?

はい。Emoji One (Colored) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

emojione:mosque

Mosque アイコン(emojione:mosque)は、Emoji One (Colored) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (Colored) icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Emoji One (Colored)
作者: Emoji One
ライセンス: CC-BY-4.0
サイズ: 64 × 64
カテゴリ: 旅行

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><g fill="#b2c1c0"><path d="M49 19h8v45h-8z"/><path d="M57 31h-8l-2-2h12z"/></g><path fill="#3e4347" d="M55 23.3c0-.6-.4-1.2-.9-1.5c-.7-.4-1.1-.8-1.1-.8s-.4.4-1.1.8c-.5.3-.9.9-.9 1.5c0 .4.2.8.5 1.1V27h3v-2.6c.3-.3.5-.7.5-1.1"/><path fill="#e8e8e8" d="M47 27h12v2H47z"/><g fill="#d3976e"><path d="M53.2 1.6c-.4 0-.8-.4-.8-.8s.3-.7.7-.8H53c-.6 0-1 .4-1 1s.4 1 1 1s1-.4 1-1V.9c-.1.4-.4.7-.8.7"/><path d="M52.5 1.8h1V7h-1z"/></g><path fill="#e8e8e8" d="m53 5l-4 14h8z"/><circle cx="53" cy="3.2" r="1" fill="#d3976e"/><g fill="#b2c1c0"><path d="M7 19h8v45H7z"/><path d="M15 31H7l-2-2h12z"/></g><path fill="#3e4347" d="M13 23.3c0-.6-.4-1.2-.9-1.5c-.7-.4-1.1-.8-1.1-.8s-.4.4-1.1.8c-.5.3-.9.9-.9 1.5c0 .4.2.8.5 1.1V27h3v-2.6c.3-.3.5-.7.5-1.1"/><path fill="#e8e8e8" d="M5 27h12v2H5z"/><g fill="#d3976e"><path d="M11.2 1.6c-.4 0-.8-.4-.8-.8s.3-.7.7-.8H11c-.6 0-1 .4-1 1s.4 1 1 1s1-.4 1-1V.9c-.1.4-.4.7-.8.7"/><path d="M10.5 1.8h1V7h-1z"/></g><path fill="#e8e8e8" d="M11 5L7 19h8z"/><g fill="#d3976e"><circle cx="11" cy="3.2" r="1"/><path d="M31.5 13h1v9h-1z"/></g><g fill="#fbbf67"><path d="M41.5 26.6C35.1 23.5 32 21 32 21s-3.1 2.5-9.5 5.6C18.2 28.7 15 32.8 15 37c0 6.6 7.6 12 17 12s17-5.4 17-12c0-4.2-3.2-8.3-7.5-10.4"/><circle cx="32" cy="18" r="2"/></g><g fill="#d3976e"><path d="M33 12c-2.2 0-4-1.8-4-4c0-2 1.5-3.7 3.5-3.9c-.2-.1-.3-.1-.5-.1c-2.8 0-5 2.2-5 5s2.2 5 5 5s5-2.2 5-5c0-.2 0-.3-.1-.5c-.2 2-1.9 3.5-3.9 3.5m-1 7c-.9 0-1.7-.6-1.9-1.5c0 .2-.1.3-.1.5c0 1.1.9 2 2 2s2-.9 2-2c0-.2 0-.3-.1-.5c-.2.9-1 1.5-1.9 1.5"/><path d="M31.5 19.5h1v1h-1zM32 40c-7.7 0-14.1-1.6-16.3-6.5c-.4 1.1-.7 2.3-.7 3.5c0 6.6 7.6 12 17 12s17-5.4 17-12c0-1.2-.3-2.4-.7-3.5C46.1 38.4 39.7 40 32 40"/></g><path fill="#e8e8e8" d="M48 42H16c-.6 0-1 .5-1 1v20c0 .5.4 1 1 1h32c.5 0 1-.5 1-1V43c0-.5-.5-1-1-1"/><path fill="#b2c1c0" d="M24.5 54h-7v-3.9c-.3-.5-.5-1.2-.5-1.8c0-1.3.7-2.5 1.9-3.2c.5-.3.8-.5.8-.5l1.4-1.3l1.4 1.3s.3.2.7.5c1.1.7 1.9 1.9 1.9 3.2c0 .6-.2 1.2-.5 1.8V54z"/><path fill="#3e4347" d="M36 56.6c0-1.2-.7-2.4-1.8-3C32.7 52.7 32 52 32 52s-.7.7-2.2 1.6c-1 .6-1.8 1.8-1.8 3c0 .9.4 1.6 1 2.2V64h6v-5.2c.6-.6 1-1.4 1-2.2"/><path fill="#b2c1c0" d="M27 64h2v-5.2c-.6-.6-1-1.4-1-2.2c0-1.2.7-2.4 1.8-3C31.3 52.7 32 52 32 52s.7.7 2.2 1.6c1 .6 1.8 1.8 1.8 3c0 .9-.4 1.6-1 2.2V64h2v-4.4c.7-.9 1-1.9 1-3c0-1.9-1.1-3.7-2.8-4.7c-1.2-.7-1.9-1.3-1.9-1.3L32 49.2l-1.4 1.3s-.6.6-1.9 1.3c-1.7 1-2.7 2.8-2.7 4.7c0 1.1.4 2.1 1 3z"/><path fill="#3e4347" d="M23 48.3c0-.6-.4-1.2-.9-1.5c-.7-.4-1.1-.8-1.1-.8s-.4.4-1.1.8c-.5.3-.9.9-.9 1.5c0 .4.2.8.5 1.1V52h3v-2.6c.3-.3.5-.7.5-1.1"/><path fill="#b2c1c0" d="M46.5 54h-7v-3.9c-.3-.5-.5-1.2-.5-1.8c0-1.3.7-2.5 1.9-3.2c.5-.3.8-.5.8-.5l1.4-1.3l1.4 1.3s.3.2.7.5c1.1.7 1.9 1.9 1.9 3.2c0 .6-.2 1.2-.5 1.8V54z"/><path fill="#3e4347" d="M45 48.3c0-.6-.4-1.2-.9-1.5c-.7-.4-1.1-.8-1.1-.8s-.4.4-1.1.8c-.5.3-.9.9-.9 1.5c0 .4.2.8.5 1.1V52h3v-2.6c.3-.3.5-.7.5-1.1"/></svg>

Mosque アイコンの使い方

React

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

<Icon icon="emojione:mosque" width="24" />

Vue

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

<template>
  <Icon icon="emojione:mosque" width="24" />
</template>

Svelte

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

<Icon icon="emojione:mosque" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="emojione:mosque"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/emojione/mosque.svg" alt="Mosque アイコン" width="24" height="24">

他のアイコンセットの Mosque アイコン

Mosque アイコンのよくある質問

Mosque アイコンは商用利用でも無料ですか?

はい。Emoji One (Colored) icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Mosque アイコンを使うには?

@iconify/react をインストールして <Icon icon="emojione:mosque" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Mosque アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione/mosque.svg" alt="Mosque アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Emoji One (Colored) アイコンをすべて見る →