National Park アイコン
fluent-emoji-flat:national-park
National Park アイコン(fluent-emoji-flat:national-park)は、Fluent Emoji Flat セットの無料 SVG アイコンです（作者: Microsoft Corporation）。 32 × 32 のグリッドで描かれています。 Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Fluent Emoji Flat
- 作者
- Microsoft Corporation
- ライセンス
- MIT
- サイズ
- 32 × 32
- カテゴリ
- 旅行・場所
- タグ
- nationalpark
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#26c9fc" d="M26.87 1.994H5.16A3.16 3.16 0 0 0 2 5.154v21.69a3.16 3.16 0 0 0 3.16 3.16h21.71a3.16 3.16 0 0 0 3.16-3.16v-21.7c0-1.74-1.42-3.15-3.16-3.15"/><path fill="#d3d3d3" d="M8.81 13.754a2.88 2.88 0 1 0 0-5.76a2.88 2.88 0 0 0 0 5.76"/><path fill="#e6e6e6" d="M6.01 19.264A4.63 4.63 0 0 1 2 16.952v-4.637a4.625 4.625 0 0 1 6.263-1.724c.768.43 1.282.23 1.765-.52a5.95 5.95 0 0 1 5.012-2.737a5.964 5.964 0 0 1 5.76 4.432a4 4 0 0 1 .215-.002a2.5 2.5 0 0 1 4.083-.657a5.2 5.2 0 0 1 2.056-1.329A5.5 5.5 0 0 1 30 8.994h.03v11.1H30a5.6 5.6 0 0 1-1.62-.24h-7.37a4 4 0 0 1-3.022-1.37a5.93 5.93 0 0 1-2.948.78z"/><path fill="#635994" d="m23.83 6.014l6.2 6.2v4.806h-.046L5.34 24.504c-.78-.78-.78-2.06 0-2.84l1.107-1.309L2 17.008v-1.871q.127-.093.24-.203l2.35-2.35c.78-.78 2.06-.78 2.84 0l3.028 3.027l.522-.617l4.35-5.22c.41-.49 1.02-.78 1.66-.78h.12a2.2 2.2 0 0 0 1.53-.63l2.35-2.35c.78-.78 2.06-.78 2.84 0"/><path fill="#433b6b" d="m25.437 18.4l-4.557-4.556c-.6-.6-1.42-.94-2.27-.94c-.93 0-1.68-.75-1.68-1.68v-2.23h.18a2.2 2.2 0 0 0 1.53-.63l2.35-2.35c.78-.78 2.06-.78 2.84 0l6.2 6.2v4.806h-.046z"/><path fill="#00f397" d="m3.46 16.304l.93-1.93c.24-.5.95-.51 1.21-.01l1 1.93a.67.67 0 0 1-.053.7h7.867a.414.414 0 0 1-.364-.59l.57-1.19c.15-.3.58-.31.75-.01l.61 1.19a.414.414 0 0 1-.363.6h10.16a.58.58 0 0 1-.137-.69l.81-1.68c.21-.44.82-.45 1.05-.02l.87 1.68c.13.253.058.54-.13.71h1.79v4.58H2v-4.58h1.52a.67.67 0 0 1-.06-.69"/><path fill="#00a6ed" d="M30.03 21.09a90 90 0 0 0-14.02-1.096A90 90 0 0 0 2 21.09v5.754a3.16 3.16 0 0 0 3.16 3.16h21.71a3.16 3.16 0 0 0 3.16-3.16z"/></g></svg>
National Park アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:national-park" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:national-park" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:national-park" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--national-park]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:national-park"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:national-park"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/national-park.svg" alt="National Park アイコン" width="24" height="24">
他のアイコンセットの National Park アイコン
National Park アイコン のよくある質問
National Park アイコンは商用利用でも無料ですか?
はい。Fluent Emoji Flat icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で National Park アイコンを使うには?
@iconify/react をインストールして <Icon icon="fluent-emoji-flat:national-park" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
National Park アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/national-park.svg" alt="National Park アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Fluent Emoji Flat アイコン をすべて見る →
ICONYZ
