Trash X Mark icon
trash-x-mark
A trash can with an X, for deleting permanently and emptying the trash.
- Component
- TrashXMarkIcon
- Intended size
- 24×24 px, 1.5 px stroke
- Iconset
- Sidekickicons
- Keywords
- delete permanently, empty trash, remove, destroy, bin, recycle, delete
Code
<svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.5" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" data-slot="icon" fill="none" class="size-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M19.228 5.79c.342.052.682.107 1.022.166m-1.022-.166L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 0 0-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 0 0-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 0 0-7.5 0m.938 5.295 5.625 5.625m0-5.625-5.625 5.625" />
</svg>Download
Color
Default keeps currentColor in the SVG, so it takes the color of the text
around it.
Size in pixels
Background
Trash X Mark icon in UI elements
Button · Mini
Secondary button · Mini
Icon buttons · Mini, and an Outline toggle that turns Solid
Input · Mini
Navigation · Outline
Deleted forever Deleted forever
Badges · Micro
History
-
Added in Sidekickicons 0.23.0 .
Related icons
More Sidekickicons
- ad
- anchor
- arc-third
- archive-box-arrow-up
- arrow-bottom-left-on-square
- arrow-curve-down-left
- arrow-curve-down-right
- arrow-curve-left-down
- arrow-curve-left-up
- arrow-curve-right-down
- arrow-curve-right-up
- arrow-curve-up-left
- arrow-curve-up-right
- arrow-path-clock
- arrow-path-single-clockwise
- arrow-path-single-counterclockwise
- arrow-uturn-down-right
- arrow-uturn-left-down
- arrow-uturn-right-down
- arrow-uturn-up-left
- arrows-crossing
- backward-bar
- badge
- barrier
- bars-3-bottom-center
- battery-25
- battery-75
- battery-charging
- blockquote
- bluetooth
- bookmark-check
- bookmark-plus
- calendar-arrow-path
- calendar-check
- calendar-exclamation
- calendar-minus
- calendar-plus
- calendar-x-mark
- camera-rotate
- camera-slash
- car
- cc
- chart-line-down
- chart-line-up
- check-double
- check-square
- checklist
- checklist-boxes
- chevron-down-up
- chevron-left-right
- chevron-right-left
- circle
- circle-dashed
- circle-half-full
- cloud-arrow-path
- cloud-check
- cloud-exclamation
- cloud-plus
- cloud-slash
- coffee
- compass
- computer-desktop-slash
- computer-laptop
- cookie
- corners-pointing-in
- corners-pointing-out
- crop
- crosshair
- crown
- dice
- document-arrow-path
- document-exclamation
- dots-2x2
- dots-2x3
- dots-3x2
- dots-3x3
- dumbbell
- eraser
- face-id
- face-meh
- face-smile-plus
- floppy-disk
- folder-arrow-path
- folder-arrow-up
- folder-check
- folder-exclamation
- fork-knife
- forward-bar
- gamepad
- gauge
- gender-ambiguous
- gender-female
- gender-male
- gender-trans
- git-branch
- h4
- h5
- h6
- hammer
- heading
- headphones
- headphones-slash
- headset
- heart-slash
- hourglass
- inbox-arrow-up
- indent
- infinity
- italic-slash
- keyboard
- leaf
- lettered-list
- lock-semi-open
- map-pin-slash
- mask
- microphone-slash
- outdent
- paint-brush-slash
- password
- password-pencil
- percent
- photo-plus
- photo-slash
- pilcrow
- pill
- pin
- pin-slash
- plug
- quotation-mark
- radial-rays
- robot
- section-sign
- shield
- shield-plus
- shield-x-mark
- sidebar-left
- sidebar-right
- snowflake
- square
- star-half
- star-slash
- stethoscope
- table-cells-merge
- table-cells-split
- target
- triangle
- usb
- user-check
- user-exclamation
- user-x-mark
- video-camera-arrow-down-left
- video-camera-arrow-up-right
- video-camera-x-mark
- view-split
- wifi-slash