Иконка Delete Row

streamline-plump:delete-row

Иконка Delete Row (streamline-plump:delete-row) — бесплатная SVG-иконка из набора Plump free icons от 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

<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>

Веб-компонент

<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">

Иконка Delete Row в других наборах

Вопросы и ответы: Иконка Delete Row

Можно ли бесплатно использовать иконку Delete Row в коммерческих проектах?

Да. Plump free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Delete Row в React?

Установите @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">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Plump free icons →