Minus The Bottom icon
icon-park:minus-the-bottom
The Minus The Bottom icon (icon-park:minus-the-bottom) 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, thebottom, minusthebottom
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 19H17C18.1046 19 19 19.8954 19 21V27C19 28.1046 19.8954 29 21 29H27C28.1046 29 29 29.8954 29 31V41C29 42.1046 28.1046 43 27 43H7C5.89543 43 5 42.1046 5 41Z"/><path d="M19 27V7C19 5.89543 19.8954 5 21 5H41C42.1046 5 43 5.89543 43 7V27C43 28.1046 42.1046 29 41 29H21C19.8954 29 19 28.1046 19 27Z"/></g></svg>
How to use the Minus The Bottom icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:minus-the-bottom" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:minus-the-bottom" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:minus-the-bottom" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--minus-the-bottom]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:minus-the-bottom"></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-bottom"></iconify-icon>
HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/minus-the-bottom.svg" alt="Minus The Bottom icon" width="24" height="24">
Related icons in IconPark
Minus The Bottom icon in other icon sets
Minus The Bottom icon FAQ
Is the Minus The Bottom 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 Bottom icon in React?
Install @iconify/react and render <Icon icon="icon-park:minus-the-bottom" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Minus The Bottom 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-bottom.svg" alt="Minus The Bottom icon">, or paste the SVG code inline to style it with CSS.
Browse all IconPark icons →
ICONYZ
