Empty icon
icon-park:empty
The Empty icon (icon-park:empty) 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
- Hands
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 d="M9.4385 42.0001L12.6231 42.0001C13.452 42.0001 14.1951 41.4887 14.4911 40.7144L16.6914 34.9607L16.716 29.4352C16.7166 29.3185 16.7273 29.2022 16.7481 29.0875L20.1524 10.3C20.3748 9.07262 19.4318 7.94336 18.1845 7.94336L10.8629 7.94335C9.73662 7.94335 8.83247 8.87286 8.86363 9.99868L9.38589 28.8701L7.61514 32.1998C7.22293 32.9373 7.33036 33.8409 7.88455 34.4658L8.44639 35.0994L7.48318 39.5797C7.21544 40.8251 8.16466 42.0001 9.4385 42.0001Z"/><path d="M16.7168 29.2598L9.38587 28.87"/><path d="M38.5784 41.9998L35.3983 41.9998C34.5585 41.9998 33.8082 41.4752 33.5199 40.6865L31.4266 34.9606L31.402 29.435C31.4015 29.3184 31.3908 29.202 31.37 29.0873L27.9654 10.2997C27.743 9.07239 28.686 7.94311 29.9334 7.94312L37.2553 7.94317C38.3815 7.94317 39.2856 8.87268 39.2545 9.99849L38.7323 28.87L40.5032 32.1997C40.8954 32.9372 40.788 33.8408 40.2337 34.4658L39.6719 35.0993L40.5423 39.6218C40.7797 40.8554 39.8345 41.9998 38.5784 41.9998Z"/><path d="M31.4004 29.2598L38.7315 28.8701"/></g></svg>How to use the Empty icon
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:empty" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:empty" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:empty" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--empty]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:empty"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:empty"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/icon-park/empty.svg" alt="Empty icon" width="24" height="24">Empty icon in other icon sets
Empty icon FAQ
Is the Empty 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 Empty icon in React?
Install @iconify/react and render <Icon icon="icon-park:empty" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Empty icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/icon-park/empty.svg" alt="Empty icon">, or paste the SVG code inline to style it with CSS.