heroicons + sidekickicons

Star Slash icon

star-slash

A star with a slash through it, for removing ratings, unstarring and unfavoriting.

Component
StarSlashIcon
Intended size
24×24 px, 1.5 px stroke
Iconset
Sidekickicons
Keywords
unstar, unfavorite, remove rating, no rating, 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="M11.48 3.499a.563.563 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.564.564 0 0 0-.182.557l.636 2.665m-2.042 2.2-2.874-1.755a.562.562 0 0 0-.586 0L6.982 20.54a.56.56 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557l-4.204-3.602a.563.563 0 0 1 .321-.988l1.66-.133m3.924-.318a.563.563 0 0 0 .409-.336L11.48 3.5v-.001M3 3l18 18" />
</svg>

Download

star-slash icon preview

Color

Default keeps currentColor in the SVG, so it takes the color of the text around it.

Size in pixels

Background

Star Slash icon in UI elements

Button · Mini

Secondary button · Mini

Icon buttons · Mini, and an Outline toggle that turns Solid

Input · Mini

Navigation · Outline

Unstarred Unstarred

Badges · Micro

History

  1. Added in Sidekickicons 0.23.0 .

Related icons

More Sidekickicons