Trash icon in outline, twotone, bold and bulk. Free in all four styles, for buttons, forms, toolbars, menus, states. Copy the SVG, the React, Vue or Svelte component, or download a PNG.
import { IconTrash } from "@devigner-ui/icons";
<IconTrash className="size-6" />
<script setup>
import { IconTrash } from "@devigner-ui/icons-vue";
</script>
<template>
<IconTrash class="size-6" />
</template>
<script>
import { IconTrash } from "@devigner-ui/icons-svelte";
</script>
<IconTrash class="size-6" />
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.67 5.98q-5-.5-10.02-.5-2.97 0-5.94.3l-2.04.2" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="1" d="m9.17 4.97.22-1.31C9.55 2.71 9.67 2 11.36 2h2.62c1.69 0 1.82.75 1.97 1.67l.22 1.3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path d="m19.52 9.14-.65 10.07c-.11 1.57-.2 2.79-2.99 2.79H9.46c-2.79 0-2.88-1.22-2.99-2.79L5.82 9.14" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="1" d="M11 16.5h3.33" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path><path opacity="1" d="M10.17 12.5h5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path></svg>