Minus The Top icon
icon-park:minus-the-top
The Minus The Top icon (icon-park:minus-the-top) 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
- Edit
- Tags
- minusthe, thetop, minusthetop
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-linecap="round" stroke-linejoin="round" stroke-width="4"><path fill="#2F88FF" d="M5 41V21C5 19.8954 5.89543 19 7 19H19H27C28.1046 19 29 19.8954 29 21V29V41C29 42.1046 28.1046 43 27 43H7C5.89543 43 5 42.1046 5 41Z"/><path d="M43 7V27C43 28.1046 42.1046 29 41 29H31C29.8954 29 29 28.1046 29 27V21C29 19.8954 28.1046 19 27 19H21C19.8954 19 19 18.1046 19 17V7C19 5.89543 19.8954 5 21 5H41C42.1046 5 43 5.89543 43 7Z"/></g></svg>
How to use the Minus The Top icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:minus-the-top" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:minus-the-top" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:minus-the-top" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--minus-the-top]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:minus-the-top"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:minus-the-top"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/minus-the-top.svg" alt="Minus The Top icon" width="24" height="24">
Related icons in IconPark
Minus The Top icon in other icon sets
Minus The Top icon FAQ
Is the Minus The Top 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 Minus The Top icon in React?
Install @iconify/react and render <Icon icon="icon-park:minus-the-top" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Minus The Top icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/minus-the-top.svg" alt="Minus The Top icon">, or paste the SVG code inline to style it with CSS.
Browse all IconPark icons →
ICONYZ
