Shinto Shrine アイコン
noto-v1:shinto-shrine
Shinto Shrine アイコン(noto-v1:shinto-shrine)は、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
- カテゴリ
- 旅行・場所
- タグ
- shintoshrine
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#dd5322" d="M124 44h-16.57L107 26.86c4-.62 8.53-1.54 11.88-2.05c.87-.13 1.57-.76 1.73-1.63l1.09-4.86c.25-1.33-.86-2.5-2.2-2.34c-36.7 4.42-73.86 4.42-110.56 0a2.005 2.005 0 0 0-2.2 2.35l1.09 4.86c.16.86.86 1.52 1.73 1.63c3.29.39 8.25 1.5 11.88 2.05L21.03 44H4c-1.1 0-2 .9-2 2v6c0 1.1.9 2 2 2h16.78l-1.46 59h10.55l1.46-59h65.79l1.46 59h10.55l-1.46-59H124c1.1 0 2-.9 2-2v-6c0-1.1-.9-2-2-2m-55 0V29c9.83-.1 17.66-.51 27.47-1.23l.4 16.23zm-11 0H31.58l.4-16.23c9.33.69 16.67 1.1 26.02 1.22z"/><path fill="#2f2f2f" d="M18.77 123h11c1.1 0 2-.9 2-2v-10c0-1.1-.9-2-2-2h-11c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2m79 0h11c1.1 0 2-.9 2-2v-10c0-1.1-.9-2-2-2h-11c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2"/><path fill="#dd5322" stroke="#dd5322" stroke-miterlimit="10" stroke-width="2" d="M-135 44h124v8h-124z"/><path fill="#dd5322" stroke="#dd5322" stroke-miterlimit="10" stroke-width="2" d="m-118.66 111l2.11-85h8.55l-2.11 85zm83.22 0l-2.11-85H-29l2.11 85zM-78 26h9v22h-9z"/><path fill="#dd5322" stroke="#dd5322" stroke-miterlimit="10" stroke-width="2" d="M-16.77 23.64c-37.2 4.53-74.81 4.53-112.01 0c-.7-2.66-1.4-5.33-2.1-8c38.58 4.87 77.63 4.87 116.21 0c-.7 2.67-1.4 5.34-2.1 8z"/><path fill="#2f2f2f" stroke="#2f2f2f" stroke-miterlimit="10" stroke-width="2" d="M-12.87 15.92a496 496 0 0 1-119.8 0l-2.25-9.02c41.27 5.21 83.03 5.21 124.3 0zm136.77 1a496 496 0 0 1-119.8 0L1.85 7.91c41.27 5.21 83.03 5.21 124.3 0zM-121 109h13v12h-13zm83 0h13v12h-13z"/></svg>
Shinto Shrine アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="noto-v1:shinto-shrine" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto-v1:shinto-shrine" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto-v1:shinto-shrine" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto-v1--shinto-shrine]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto-v1 -->
<div class="i-noto-v1:shinto-shrine"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto-v1:shinto-shrine"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/noto-v1/shinto-shrine.svg" alt="Shinto Shrine アイコン" width="24" height="24">
他のアイコンセットの Shinto Shrine アイコン
Shinto Shrine アイコン のよくある質問
Shinto Shrine アイコンは商用利用でも無料ですか?
はい。Noto Emoji (v1) icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Shinto Shrine アイコンを使うには?
@iconify/react をインストールして <Icon icon="noto-v1:shinto-shrine" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Shinto Shrine アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/noto-v1/shinto-shrine.svg" alt="Shinto Shrine アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Noto Emoji (v1) アイコン をすべて見る →
ICONYZ
