ICONYZ
English
Amusement Park icon from Map Icons

Amusement Park icon

map:amusement-park

The Amusement Park icon (map:amusement-park) is a free SVG icon from the Map Icons set by Scott de Jonge. It is drawn on a 50 × 50 grid. Map Icons are released under the Open Font 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
Map Icons
Author
Scott de Jonge
License
OFL-1.1
Size
50 × 50
Tags
amusementpark
Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50"><path fill="currentColor" d="M39.922 28.087c.463.227 1.027.223 1.253-.011c.229-.233.031-.601-.438-.817l-8.178-3.788c-.469-.218-1.257-.273-1.749-.125l-2.925.877c-.497.149-1.145.271-1.439.271s-.539-.414-.539-.922v-8.919c0-.507.423-.923.941-.923h21.209c.52 0 .942-.415.942-.923V9.812c0-.508-.407-1.042-.902-1.187L25.762 2.108c-.495-.145-1.307-.145-1.802.002L1.899 8.624C1.405 8.769 1 9.305 1 9.812v2.994c0 .508.423.923.94.923h20.93c.518 0 .941.416.941.923v8.924a.936.936 0 0 1-.941.924h-.38c-.518.001-1.244-.289-1.616-.643l-5.046-4.819c-.373-.355-1.099-.644-1.617-.644h-2.334c-.516 0-1.139-.305-1.382-.676c-.241-.372-.803-.674-1.248-.674s-.582.348-.302.776l.044.067c.28.427.281 1.13.006 1.559L6.471 23.37a1.13 1.13 0 0 0 .196 1.402l.179.161c.385.34 1.071.428 1.53.191l2.704-1.407c.46-.238 1.061-.083 1.34.344l2.967 4.542a1.07 1.07 0 0 1-.208 1.376l-1.357 1.133c-.395.328-.625 1.001-.511 1.498l1.759 7.652c.114.497.619.8 1.121.675l1.223-.302a.96.96 0 0 0 .709-1.128l-1.191-5.175a.98.98 0 0 1 .702-1.146l3.007-.806a8.6 8.6 0 0 1 1.849-.241h.38c.518 0 .941.415.941.92v9.177a.934.934 0 0 1-.941.921H1.94a.934.934 0 0 0-.94.924v2.992c0 .513.423.927.94.927h45.728c.518 0 .94-.414.94-.925v-2.992a.934.934 0 0 0-.94-.924H26.849a.933.933 0 0 1-.941-.921v-9.177c0-.505.423-.92.941-.92h1.084c.518 0 1.345.107 1.848.241l3.007.806c.502.133.818.65.702 1.146l-1.188 5.175a.953.953 0 0 0 .705 1.128l1.225.302a.915.915 0 0 0 1.12-.675l1.761-7.652c.117-.497-.105-1.16-.488-1.482c-.382-.318-.719-.996-.749-1.502l-.153-2.707c-.031-.506.326-.735.79-.507z"/></svg>

How to use the Amusement Park icon

React

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

<Icon icon="map:amusement-park" width="24" />

Vue

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

<template>
  <Icon icon="map:amusement-park" width="24" />
</template>

Svelte

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

<Icon icon="map:amusement-park" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[map--amusement-park]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/map -->
<div class="i-map:amusement-park"></div>

Web component

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

<iconify-icon icon="map:amusement-park"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/map/amusement-park.svg" alt="Amusement Park icon" width="24" height="24">

Amusement Park icon in other icon sets

Amusement Park icon FAQ

Is the Amusement Park icon free for commercial use?

Yes. Map Icons are released under the Open Font License, which allows use in personal and commercial projects.

How do I use the Amusement Park icon in React?

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

How do I add the Amusement Park icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/map/amusement-park.svg" alt="Amusement Park icon">, or paste the SVG code inline to style it with CSS.

Browse all Map Icons →