Иконка Empty
icon-park:empty
Иконка Empty (icon-park:empty) — бесплатная SVG-иконка из набора IconPark от ByteDance. Она нарисована на сетке 48 × 48. IconPark icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- IconPark
- Автор
- ByteDance
- Лицензия
- Apache-2.0
- Размер
- 48 × 48
- Категория
- Руки
Код SVG
<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>Как использовать иконку Empty
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>Веб-компонент
<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
<img src="https://iconyz.com/api/public/svg/icon-park/empty.svg" alt="Иконка Empty" width="24" height="24">Иконка Empty в других наборах
Вопросы и ответы: Иконка Empty
Можно ли бесплатно использовать иконку Empty в коммерческих проектах?
Да. IconPark icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Empty в React?
Установите @iconify/react и выведите <Icon icon="icon-park:empty" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Empty на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/icon-park/empty.svg" alt="Иконка Empty">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.