Empty アイコン
icon-park:empty
Empty アイコン(icon-park:empty)は、IconPark セットの無料 SVG アイコンです（作者: 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>Web コンポーネント
<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 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Empty アイコンを使うには?
@iconify/react をインストールして <Icon icon="icon-park:empty" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Empty アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/icon-park/empty.svg" alt="Empty アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。