Heart Slash icon
heart-slash
A heart with a slash through it, for unliking, removing favorites and disliking.
- Component
- HeartSlashIcon
- Intended size
- 24×24 px, 1.5 px stroke
- Iconset
- Sidekickicons
- Keywords
- unlike, unfavorite, dislike, remove, love, favorite
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="M21 8.25c0-2.485-2.099-4.5-4.688-4.5-1.935 0-3.597 1.126-4.312 2.733-.715-1.607-2.377-2.733-4.313-2.733a4.792 4.792 0 0 0-2.941.996m-1.65 2.592c-.063.295-.096.6-.096.912 0 7.22 9 12 9 12s1.049-.557 2.43-1.578m2.305-1.937C18.904 14.65 21 11.734 21 8.25M3 3l18 18" />
</svg>Download
Color
Default keeps currentColor in the SVG, so it takes the color of the text
around it.
Size in pixels
Background
Heart Slash icon in UI elements
Button · Mini
Secondary button · Mini
Icon buttons · Mini, and an Outline toggle that turns Solid
Input · Mini
Navigation · Outline
Removed Removed
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
- 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
- document-x-mark
- 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
- folder-x-mark
- 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
- 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
- plug
- quotation-mark
- radial-rays
- robot
- section-sign
- shield
- shield-plus
- shield-x-mark
- sidebar-left
- sidebar-right
- snowflake
- square
- star-half
- stethoscope
- table-cells-merge
- table-cells-split
- target
- trash-arrow-up
- trash-x-mark
- 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