Mosque Outline アイコン
healthicons:mosque-outline
Mosque Outline アイコン(healthicons:mosque-outline)は、Health Icons セットの無料 SVG アイコンです（作者: Resolve to Save Lives）。 48 × 48 のグリッドで描かれています。 Health Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Health Icons
- 作者
- Resolve to Save Lives
- ライセンス
- MIT
- サイズ
- 48 × 48
- カテゴリ
- 場所
- タグ
- mosqueoutline、mosque2x outline
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="currentColor" fill-rule="evenodd" d="M10 6.048s.485.85 1.122 2.138c.877 1.77 2.043 4.369 2.635 6.721q.148.584.243 1.14v15h2V25.7c-.64-1.191-1-2.608-1-4.224c0-3.585 3.175-6.189 5.836-8.37a44 44 0 0 0 1.797-1.525q.191-.175.367-.347V8.048h2v3.186q.176.172.367.347c.533.489 1.15.995 1.797 1.525c2.66 2.181 5.836 4.785 5.836 8.37c0 1.616-.36 3.033-1 4.224v5.348h2v-15q.082-.547.228-1.137c.56-2.273 1.755-4.92 2.652-6.726c.635-1.28 1.12-2.137 1.12-2.137s.485.85 1.122 2.138c.877 1.77 2.043 4.369 2.635 6.721q.148.584.243 1.14v26H6v-26q.082-.546.228-1.136c.56-2.273 1.755-4.92 2.652-6.726C9.515 6.905 10 6.048 10 6.048m18 34v-.528a2 2 0 0 0-1.106-1.789L24 36.284l-2.894 1.447A2 2 0 0 0 20 39.52v.528zm2 0h4v-7H14v7h4v-.528a4 4 0 0 1 2.211-3.578L24 34.048l3.789 1.894A4 4 0 0 1 30 39.52zm6-23.532c.808-.195 1.404-.293 2-.293s1.192.098 2 .293v23.532h-4zm-28 0v23.532h4V16.516c-.808-.195-1.404-.293-2-.293s-1.192.098-2 .293m.456-2.142c.396-1.26.962-2.633 1.543-3.896c.563 1.232 1.122 2.597 1.528 3.893A8.6 8.6 0 0 0 10 14.223c-.508 0-1.01.054-1.544.15m9.475 10.674c-.582-.946-.931-2.132-.931-3.572c0-1.161.505-2.272 1.466-3.442c.98-1.193 2.278-2.266 3.638-3.381l.027-.023c.633-.519 1.29-1.057 1.869-1.589c.579.532 1.236 1.07 1.869 1.59l.027.022c1.36 1.115 2.659 2.188 3.638 3.38c.96 1.17 1.466 2.282 1.466 3.443c0 1.44-.35 2.626-.93 3.572zm.069 2v4h1v-1a1 1 0 1 1 2 0v1h2v-1a1 1 0 1 1 2 0v1h2v-1a1 1 0 1 1 2 0v1h1v-4zm20-16.57c-.582 1.263-1.148 2.636-1.544 3.896a8.6 8.6 0 0 1 1.544-.15c.502 0 1 .053 1.527.147c-.406-1.295-.965-2.66-1.528-3.892" clip-rule="evenodd"/></svg>Mosque Outline アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="healthicons:mosque-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="healthicons:mosque-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="healthicons:mosque-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--mosque-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:mosque-outline"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="healthicons:mosque-outline"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/healthicons/mosque-outline.svg" alt="Mosque Outline アイコン" width="24" height="24">Health Icons の関連アイコン
他のアイコンセットの Mosque Outline アイコン
Mosque Outline アイコン のよくある質問
Mosque Outline アイコンは商用利用でも無料ですか?
はい。Health Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Mosque Outline アイコンを使うには?
@iconify/react をインストールして <Icon icon="healthicons:mosque-outline" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Mosque Outline アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/healthicons/mosque-outline.svg" alt="Mosque Outline アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。