Gentleface › Social & emotions › star-off

star-off icon

Star off: unfavorite, unfavourite, remove from favorites, unstar. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M15.003 14.5C15.003 14.636 14.953 14.754 14.854 14.854C14.754 14.953 14.636 15.003 14.5 15.003C14.364 15.003 14.246 14.953 14.146 14.854L11.09 11.797L11.485 13.379C11.519 13.513 11.5 13.639 11.429 13.757C11.358 13.876 11.255 13.952 11.121 13.985C10.972 14.022 10.835 13.996 10.709 13.907L7.5 11.614L4.291 13.907C4.178 13.987 4.054 14.016 3.918 13.993C3.782 13.97 3.673 13.903 3.593 13.791C3.504 13.665 3.478 13.528 3.515 13.379L4.44 9.679L1.175 6.88C1.07 6.79 1.012 6.676 1.001 6.538C0.991 6.401 1.031 6.279 1.12 6.175C1.22 6.058 1.347 6 1.5 6L5.293 6L1.146 1.854C1.047 1.754 0.997 1.636 0.997 1.5C0.997 1.364 1.047 1.246 1.146 1.146C1.246 1.047 1.364 0.997 1.5 0.997C1.636 0.997 1.754 1.047 1.854 1.146L14.854 14.146C14.953 14.246 15.003 14.364 15.003 14.5ZM9.715 10.422L6.157 6.864C6.002 6.955 5.834 7 5.653 7L2.852 7L5.091 8.919C5.235 9.043 5.335 9.194 5.393 9.375C5.45 9.555 5.456 9.737 5.41 9.921L4.814 12.304L6.919 10.801C7.093 10.677 7.286 10.614 7.5 10.614C7.714 10.614 7.907 10.677 8.081 10.801L10.186 12.304L9.715 10.422ZM8.41 6.351L7.5 3.924L7.326 4.389C7.276 4.521 7.189 4.615 7.066 4.672C6.942 4.728 6.814 4.731 6.682 4.682L6.384 4.384C6.343 4.272 6.345 4.157 6.389 4.038L7.032 2.324C7.08 2.195 7.167 2.102 7.293 2.045C7.419 1.988 7.546 1.983 7.676 2.032C7.817 2.085 7.915 2.183 7.968 2.324L9.347 6L13.5 6C13.641 6 13.759 6.048 13.856 6.144C13.952 6.241 14 6.359 14 6.5C14 6.653 13.942 6.78 13.825 6.88L11.513 8.862C11.406 8.954 11.284 8.994 11.149 8.984C11.043 8.976 10.95 8.938 10.871 8.871L10.808 8.808C10.716 8.701 10.675 8.579 10.686 8.444C10.696 8.308 10.755 8.194 10.862 8.103L12.148 7L9.347 7C9.183 7 9.031 6.964 8.891 6.891L8.456 6.456C8.439 6.422 8.424 6.387 8.41 6.351Z"/></svg>

React

// Gentleface "star-off" (line-round), MIT. https://gentleface.com/icons/star-off
import type { SVGProps } from 'react';

export function StarOffIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M15.003 14.5C15.003 14.636 14.953 14.754 14.854 14.854C14.754 14.953 14.636 15.003 14.5 15.003C14.364 15.003 14.246 14.953 14.146 14.854L11.09 11.797L11.485 13.379C11.519 13.513 11.5 13.639 11.429 13.757C11.358 13.876 11.255 13.952 11.121 13.985C10.972 14.022 10.835 13.996 10.709 13.907L7.5 11.614L4.291 13.907C4.178 13.987 4.054 14.016 3.918 13.993C3.782 13.97 3.673 13.903 3.593 13.791C3.504 13.665 3.478 13.528 3.515 13.379L4.44 9.679L1.175 6.88C1.07 6.79 1.012 6.676 1.001 6.538C0.991 6.401 1.031 6.279 1.12 6.175C1.22 6.058 1.347 6 1.5 6L5.293 6L1.146 1.854C1.047 1.754 0.997 1.636 0.997 1.5C0.997 1.364 1.047 1.246 1.146 1.146C1.246 1.047 1.364 0.997 1.5 0.997C1.636 0.997 1.754 1.047 1.854 1.146L14.854 14.146C14.953 14.246 15.003 14.364 15.003 14.5ZM9.715 10.422L6.157 6.864C6.002 6.955 5.834 7 5.653 7L2.852 7L5.091 8.919C5.235 9.043 5.335 9.194 5.393 9.375C5.45 9.555 5.456 9.737 5.41 9.921L4.814 12.304L6.919 10.801C7.093 10.677 7.286 10.614 7.5 10.614C7.714 10.614 7.907 10.677 8.081 10.801L10.186 12.304L9.715 10.422ZM8.41 6.351L7.5 3.924L7.326 4.389C7.276 4.521 7.189 4.615 7.066 4.672C6.942 4.728 6.814 4.731 6.682 4.682L6.384 4.384C6.343 4.272 6.345 4.157 6.389 4.038L7.032 2.324C7.08 2.195 7.167 2.102 7.293 2.045C7.419 1.988 7.546 1.983 7.676 2.032C7.817 2.085 7.915 2.183 7.968 2.324L9.347 6L13.5 6C13.641 6 13.759 6.048 13.856 6.144C13.952 6.241 14 6.359 14 6.5C14 6.653 13.942 6.78 13.825 6.88L11.513 8.862C11.406 8.954 11.284 8.994 11.149 8.984C11.043 8.976 10.95 8.938 10.871 8.871L10.808 8.808C10.716 8.701 10.675 8.579 10.686 8.444C10.696 8.308 10.755 8.194 10.862 8.103L12.148 7L9.347 7C9.183 7 9.031 6.964 8.891 6.891L8.456 6.456C8.439 6.422 8.424 6.387 8.41 6.351Z" />
    </svg>
  );
}

Vue

Vue: see /icons/star-off.md

Svelte

Svelte: see /icons/star-off.md

HTML img

HTML img: see /icons/star-off.md

CSS

CSS: see /icons/star-off.md

Data URL

Data URL: see /icons/star-off.md

Sprite

Sprite: see /icons/star-off.md

SwiftUI

SwiftUI: see /icons/star-off.md

Compose

Compose: see /icons/star-off.md

Android XML

Android XML: see /icons/star-off.md

Flutter

Flutter: see /icons/star-off.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for

unfavorite, unfavourite, remove from favorites, unstar

Example

Remove from favorites

Alternatives

heart-off: unfavorite, where the product uses hearts

Built from

star + slash

Tags

favourite, rate, bookmark, starred, slash

Category

Social & emotions

Component name

StarOffIcon

History

2026-10-15 added

Family 2

star star-half

More social & emotions icons

balloon bookmark bookmark-check bookmark-off bookmark-pencil bookmark-plus bookmark-search bookmark-x bookmarks face-angry face-neutral flame frown hand-heart heart heart-check · all social & emotions icons

For agents

Metadata: /icons/star-off.json · Markdown: /icons/star-off.md · SVG: https://gentleface.com/svg/{style}/16/star-off.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/star-off.png

star-off icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp