Delete Row アイコン
streamline-plump:delete-row
Delete Row アイコン(streamline-plump:delete-row)は、Plump free icons セットの無料 SVG アイコンです(作者: Streamline)。 48 × 48 のグリッドで描かれています。 Plump free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Plump free icons
- 作者
- Streamline
- ライセンス
- CC-BY-4.0
- サイズ
- 48 × 48
- カテゴリ
- 基本インターフェース
- タグ
- deleterow
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"><path d="M9.306 3.22C7.8 3.278 6.516 4.228 6.29 5.717C6.13 6.765 6 8.18 6 10s.13 3.235.29 4.284c.226 1.49 1.51 2.44 3.016 2.495C11.912 16.876 16.68 17 24 17s12.088-.124 14.694-.22c1.505-.057 2.79-1.007 3.016-2.496c.16-1.049.29-2.463.29-4.284s-.13-3.235-.29-4.284c-.226-1.49-1.51-2.44-3.016-2.495C36.088 3.124 31.32 3 24 3s-12.088.124-14.694.22M34.5 36.899c1.761-.038 3.15-.081 4.194-.12c1.505-.056 2.79-1.006 3.016-2.495c.16-1.049.29-2.463.29-4.284s-.13-3.235-.29-4.284c-.226-1.49-1.51-2.44-3.016-2.495C36.088 23.124 31.32 23 24 23s-12.088.124-14.694.22c-1.506.057-2.79 1.007-3.016 2.496C6.13 26.765 6 28.18 6 30s.13 3.235.29 4.284c.226 1.49 1.51 2.44 3.016 2.495c1.043.039 2.433.082 4.194.12"/><path d="M31.473 40.794a2.054 2.054 0 0 1-.084 2.836l-.759.76a2.054 2.054 0 0 1-2.835.083A161 161 0 0 1 24 40.923a161 161 0 0 1-3.794 3.55a2.055 2.055 0 0 1-2.836-.084l-.76-.759a2.055 2.055 0 0 1-.083-2.836A161 161 0 0 1 20.077 37a161 161 0 0 1-3.55-3.794a2.055 2.055 0 0 1 .084-2.836l.759-.76a2.054 2.054 0 0 1 2.835-.083c.935.846 2.26 2.068 3.795 3.55a161 161 0 0 1 3.794-3.55a2.055 2.055 0 0 1 2.836.084l.76.759c.776.777.82 2.02.083 2.835A161 161 0 0 1 27.923 37a161 161 0 0 1 3.55 3.794"/></g></svg>Delete Row アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-plump:delete-row" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-plump:delete-row" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-plump:delete-row" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump--delete-row]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-plump -->
<div class="i-streamline-plump:delete-row"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-plump:delete-row"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/streamline-plump/delete-row.svg" alt="Delete Row アイコン" width="24" height="24">Plump free icons の関連アイコン
他のアイコンセットの Delete Row アイコン
Delete Row アイコン のよくある質問
Delete Row アイコンは商用利用でも無料ですか?
はい。Plump free icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Delete Row アイコンを使うには?
@iconify/react をインストールして <Icon icon="streamline-plump:delete-row" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Delete Row アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/streamline-plump/delete-row.svg" alt="Delete Row アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。