Nationalpark icon

fxemoji:nationalpark

The Nationalpark icon (fxemoji:nationalpark) is a free SVG icon from the Firefox OS Emoji set by Mozilla. It is drawn on a 512 × 512 grid. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: Firefox OS Emoji
Author: Mozilla
License: Apache-2.0
Size: 512 × 512
Category: Places

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#D7F4F7" d="M501.617 489.617c0 6.6-5.4 12-12 12H22.383c-6.6 0-12-5.4-12-12V22.383c0-6.6 5.4-12 12-12h467.234c6.6 0 12 5.4 12 12z"/><circle cx="435.622" cy="133.087" r="53.698" fill="#FFD469"/><path fill="#AAA8A0" d="M501.617 407.685v-46.553L365.803 91.279c-7.527-12.994-26.288-12.994-33.815 0L175.101 400.546c-1.867 3.223.458 7.257 4.183 7.257h320.433c.647 0 1.28-.045 1.9-.118"/><path fill="#C1BFB4" d="M93.481 407.803h331.667L273.5 192.776c-13.86-16.139-38.841-16.139-52.701 0L85.002 389.346c-6.224 7.247-1.074 18.457 8.479 18.457"/><path fill="#E2DFD3" d="M180.53 281.432c22.848 0 16.32-11.242 40.343-11.242c17.76 0 19.094 13.842 19.094 24.269c0 13.637 11.055 24.692 24.692 24.692s24.692-11.054 24.692-24.692c0-38.79 9.555-26.71 24.692-26.71c4.818 0 9.21 1.421 12.631.424l-53.171-75.392l-.004-.005c-5.198-6.052-11.959-9.835-19.111-11.348c-11.921-2.522-24.927 1.261-33.59 11.348l-59.183 85.669c3.407 1.594 9.154 2.987 18.915 2.987"/><path fill="#0A8E0A" d="M377.584 361.715c-100.495 0-118.876-28.692-242.716-28.692c-57.878 0-98.077 6.267-124.485 12.943v143.651c0 6.6 5.4 12 12 12h467.234c6.6 0 12-5.4 12-12V361.715z"/><path fill="#BFBCAF" d="M365.803 91.279c-7.527-12.993-26.288-12.993-33.815 0l-44.568 87.855c12.807.732 18.216 10.416 17.743 18.134c-.373 6.083 3.102 12.007 8.45 14.931c14.328 7.835 28.801-2.333 28.801-15.879c0-27.392 6.323-35 16.502-35.851c.682.057 1.336.184 2.04.184c17.113 0 24.681 14.416 23.344 23.821c-.816 5.744 2.31 11.372 7.066 14.695c10.709 7.484 21.606 6.02 28.813.149z"/><path fill="#8E6049" d="M104.707 351.059v-99.632c0-8.326 6.751-15.084 15.081-15.084s15.081 6.759 15.081 15.084v99.632c-.001 8.326-30.162 8.326-30.162 0"/><path fill="#2BA52E" d="M203.38 303.637c-.2.809-.646 1.646-1.368 2.513a9.4 9.4 0 0 1-1.131 1.279c-15.742 17.272-44.687 23.255-81.093 23.255c-35.42 0-60.805-1.612-80.69-22.332c-4.636-3.015-6.316-10.914-1.785-15.887c14.472-15.885 30.164-40.206 44.293-64.762c-7.989 2.692-16.111 4.303-23.495 5.241c-6.711.853-10.64-8.749-5.705-14.166c12.626-13.859 26.368-35.444 38.55-56.867c-6.763 2.426-13.707 3.838-19.977 4.635c-5.302.674-8.406-6.913-4.508-11.192c16.747-18.382 35.98-53.966 47.688-77.269c.469-1.505 1.385-2.639 2.494-3.352l.051-.032a5.5 5.5 0 0 1 1.037-.512a4.85 4.85 0 0 1 3.324 0a5.5 5.5 0 0 1 1.037.512q.026.015.05.032c1.109.713 2.025 1.847 2.494 3.352c11.708 23.304 30.941 58.887 47.688 77.269c3.899 4.279.794 11.866-4.508 11.192c-6.27-.797-13.213-2.209-19.976-4.634c12.182 21.424 25.924 43.009 38.548 56.866c4.935 5.417 1.005 15.019-5.705 14.166c-7.384-.938-15.506-2.549-23.495-5.241c14.129 24.555 29.821 48.877 44.293 64.762c2.918 3.205 3.256 7.626 1.889 11.172"/><path fill="#D19B61" d="M404.583 361.715c-16.279 57.403-113.991 109.794-192.022 139.902h232.232c4.588-70.345-19.211-139.902-19.211-139.902z"/></svg>

How to use the Nationalpark icon

React

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

<Icon icon="fxemoji:nationalpark" width="24" />

Vue

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

<template>
  <Icon icon="fxemoji:nationalpark" width="24" />
</template>

Svelte

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

<Icon icon="fxemoji:nationalpark" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="fxemoji:nationalpark"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/fxemoji/nationalpark.svg" alt="Nationalpark icon" width="24" height="24">

Nationalpark icon FAQ

Is the Nationalpark icon free for commercial use?

Yes. Firefox OS Emoji icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.

How do I use the Nationalpark icon in React?

Install @iconify/react and render <Icon icon="fxemoji:nationalpark" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Nationalpark icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/fxemoji/nationalpark.svg" alt="Nationalpark icon">, or paste the SVG code inline to style it with CSS.

Browse all Firefox OS Emoji icons →