Row Delete

By IBM in Carbon

SVG

React

Vue

Base64

Copy
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200" viewBox="0 0 32 32">
  <path fill="currentColor" d="M24 30H4a2.002 2.002 0 0 1-2-2v-6a2.002 2.002 0 0 1 2-2h20a2.002 2.002 0 0 1 2 2v6a2.002 2.002 0 0 1-2 2zM4 22h-.002L4 28h20v-6zM30 3.41L28.59 2L25 5.59L21.41 2L20 3.41L23.59 7L20 10.59L21.41 12L25 8.41L28.59 12L30 10.59L26.41 7L30 3.41z"/>
  <path fill="currentColor" d="M4 14V8h14V6H4a2.002 2.002 0 0 0-2 2v6a2.002 2.002 0 0 0 2 2h22v-2Z"/>
</svg>


Row Delete Icons examples

See what this icon looks like in some mockup designs
Row DeleteHome

Related icons in Carbon

copy save
add
copy save
add-alt
copy save
add-comment
copy save
add-filled
copy save
add-large
copy save
align-box-bottom-center
copy save
align-box-bottom-left
copy save
align-box-bottom-right
copy save
align-box-middle-center
copy save
align-box-middle-left
copy save
align-box-middle-right
copy save
align-box-top-center
copy save
align-box-top-left
copy save
align-box-top-right
copy save
align-horizontal-center
copy save
align-horizontal-left
copy save
align-horizontal-right
copy save
align-vertical-bottom
copy save
align-vertical-center
copy save
align-vertical-top