More App icon
icon-park:more-app
The More App icon (icon-park:more-app) 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
- Base
- Tags
- moreapp
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-linejoin="round" stroke-width="4"><path fill="#2F88FF" d="M18 4H6C4.89543 4 4 4.89543 4 6V18C4 19.1046 4.89543 20 6 20H18C19.1046 20 20 19.1046 20 18V6C20 4.89543 19.1046 4 18 4Z"/><path fill="#2F88FF" d="M18 28H6C4.89543 28 4 28.8954 4 30V42C4 43.1046 4.89543 44 6 44H18C19.1046 44 20 43.1046 20 42V30C20 28.8954 19.1046 28 18 28Z"/><path fill="#2F88FF" d="M42 4H30C28.8954 4 28 4.89543 28 6V18C28 19.1046 28.8954 20 30 20H42C43.1046 20 44 19.1046 44 18V6C44 4.89543 43.1046 4 42 4Z"/><path stroke-linecap="round" d="M28 28H44"/><path stroke-linecap="round" d="M36 36H44"/><path stroke-linecap="round" d="M28 44H44"/></g></svg>
How to use the More App icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:more-app" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:more-app" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:more-app" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--more-app]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:more-app"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:more-app"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/more-app.svg" alt="More App icon" width="24" height="24">
Related icons in IconPark
More App icon in other icon sets
More App icon FAQ
Is the More App 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 More App icon in React?
Install @iconify/react and render <Icon icon="icon-park:more-app" />, or use “Copy code” on this page to get a standalone React component.
How do I add the More App icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/more-app.svg" alt="More App icon">, or paste the SVG code inline to style it with CSS.
Browse all IconPark icons →
ICONYZ
