Temple Outline アイコン

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

はい。Health Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

healthicons:temple-outline

Temple Outline アイコン(healthicons:temple-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
カテゴリ: 場所
タグ: templeoutline、temple2x outline

SVG をダウンロード

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="M14 10.762c0 1.729.703 2.554 1.428 2.945c.773.417 1.572.34 1.572.34v4s-1.8 3.939-3.882 4.595c-.693.218-1.418.072-2.118-.705c0 1.662.8 2.436 1.544 2.797c.649.314 1.256.314 1.256.314H15v4s-1.404 4.096-3.676 4.629c-.698.164-1.478-.009-2.324-.74c0 1.66 1.025 2.434 1.982 2.795l.018.007v8.309h26v-8.309l.017-.006c.956-.36 1.983-1.135 1.983-2.796c-.828.715-1.616.896-2.339.75c-1.678-.338-3.005-2.436-3.661-3.692v-4.947h1.2s.607 0 1.256-.314C36.2 24.374 37 23.599 37 21.937c-.684.76-1.414.917-2.125.719c-1.65-.46-3.203-2.824-3.875-3.976v-4.632s.799.076 1.572-.341C33.297 13.316 34 12.49 34 10.762c-.683.732-1.423 1.018-2.183.99c-2.472-.093-5.14-3.518-6.632-5.77C24.45 4.872 24 4.048 24 4.048s-.45.824-1.185 1.934c-1.492 2.252-4.16 5.677-6.632 5.77c-.76.028-1.5-.258-2.183-.99m15.522 9.342l-.034-.056H18.214l-.017.03c-.375.662-.932 1.558-1.62 2.372a10 10 0 0 1-.546.598h15.794q-.29-.278-.53-.544c-.733-.806-1.337-1.696-1.747-2.358l-.014-.023zM26 16.048a1 1 0 0 1 1 1v1h2v-4H19v4h2v-1a1 1 0 1 1 2 0v1h2v-1a1 1 0 0 1 1-1m2 11a1 1 0 0 1 1 1v1h2v-4H17v4h2v-1a1 1 0 1 1 2 0v1h2v-1a1 1 0 1 1 2 0v1h2v-1a1 1 0 0 1 1-1m-.215-15a15.6 15.6 0 0 1-1.77-1.695A27 27 0 0 1 24 7.795a27 27 0 0 1-2.016 2.558a15.6 15.6 0 0 1-1.769 1.695zm5.12 21.41c.163.192.346.392.548.59h-19.09c.215-.225.405-.452.57-.667c.616-.799 1.083-1.669 1.397-2.333h14.964c.36.674.904 1.583 1.61 2.41M21 38.048a2 2 0 0 0-2 2v2h-2v-6h14v6h-2v-2a2 2 0 0 0-2-2zm-8 4v-6h2v6zm20 0v-6h2v6zm-6-2v2h-6v-2z" clip-rule="evenodd"/></svg>

Temple Outline アイコンの使い方

React

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

<Icon icon="healthicons:temple-outline" width="24" />

Vue

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

<template>
  <Icon icon="healthicons:temple-outline" width="24" />
</template>

Svelte

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

<Icon icon="healthicons:temple-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[healthicons--temple-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/healthicons -->
<div class="i-healthicons:temple-outline"></div>

Web コンポーネント

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

<iconify-icon icon="healthicons:temple-outline"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/healthicons/temple-outline.svg" alt="Temple Outline アイコン" width="24" height="24">

Health Icons の関連アイコン

Temple Outline アイコンのよくある質問

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

はい。Health Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

Health Icons をすべて見る →