Mounted icon
icon-park:mounted
The Mounted icon (icon-park:mounted) is a free SVG icon from the IconPark set by ByteDance. It is drawn on a 48 × 48 grid. IconPark 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
- IconPark
- Author
- ByteDance
- License
- Apache-2.0
- Size
- 48 × 48
- Category
- Travel
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-width="4"><path stroke-linecap="round" stroke-linejoin="round" d="M9 7L21 7"/><path stroke-linecap="round" stroke-linejoin="round" d="M27 7H39"/><path stroke-linejoin="round" d="M19 36H16C14.3431 36 13 34.6569 13 33L13 24C13 19.5817 16.5817 16 21 16L27 16C31.4183 16 35 19.5817 35 24V33C35 34.6569 33.6569 36 32 36H29"/><circle cx="24" cy="7" r="3" fill="#2F88FF"/><path fill="#2F88FF" stroke-linecap="round" stroke-linejoin="round" d="M29 35V36.4C29 37.2837 28.2837 38 27.4 38H20.6C19.7163 38 19 37.2837 19 36.4V35C19 32.2386 21.2386 30 24 30C26.7614 30 29 32.2386 29 35Z"/><path stroke-linejoin="round" d="M21 38V41C21 42.6569 22.3431 44 24 44C25.6569 44 27 42.6569 27 41V38"/></g></svg>How to use the Mounted icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:mounted" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:mounted" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:mounted" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--mounted]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:mounted"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:mounted"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/mounted.svg" alt="Mounted icon" width="24" height="24">Mounted icon in other icon sets
Mounted icon FAQ
Is the Mounted icon free for commercial use?
Yes. IconPark icons are released under the Apache 2.0 license, which allows use in personal and commercial projects.
How do I use the Mounted icon in React?
Install @iconify/react and render <Icon icon="icon-park:mounted" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Mounted icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/mounted.svg" alt="Mounted icon">, or paste the SVG code inline to style it with CSS.