star off icon

star-off-filled from Reicon by REICON · Filled · Like · MIT Free for personal and commercial use.

Name
star-off-filled
Set
Reicon
Style
Filled
Category
Like
Viewbox
24×24
License
MIT

1 other variant in Reicon

star-off

The same icon in other sets

All star off icons →
star-off-12-filledFluent UI System Iconsstar-offHuge Iconsstar-offLucidestar-offMaterial Design Iconsstar-off-fillRemix Iconstar-off-boldSolarstar-offTabler Icons

More like icons from Reicon

bookmark-addbookmark-checkbookmark-minusbookmark-slashbookmark-xbookmarksdislikeface-plusface-smile2gamepad-buttonsgaming-buttonsheartheart-brokenheart-circleheart-handheart-lockheart-offheart-shineheart-squareheart-unlockheart2heartslikemedal

Use the star off icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.53 1.47a.75.75 0 0 0-1.06 1.06l5.083 5.084l-3.56.464C1.317 8.297.65 10.363 1.88 11.52l3.557 3.342a.25.25 0 0 1 .075.228l-.896 4.788c-.309 1.65 1.433 2.924 2.913 2.129l4.352-2.338a.25.25 0 0 1 .236 0l4.353 2.338c1.296.697 2.794-.195 2.937-1.537l2.061 2.061a.75.75 0 0 0 1.061-1.06l-3.666-3.666l-.003-.003L8.676 7.616l-.002-.003zm7.669 1.412c.727-1.51 2.876-1.51 3.603 0l2.13 4.42a.25.25 0 0 0 .193.14l4.883.636c1.674.219 2.341 2.285 1.111 3.441l-3.42 3.213a.75.75 0 0 1-1.044-.016L9.151 6.212a.75.75 0 0 1-.145-.856z"/></svg>

React

import type { SVGProps } from "react";

export function ReiconStarOffFilled(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.53 1.47a.75.75 0 0 0-1.06 1.06l5.083 5.084l-3.56.464C1.317 8.297.65 10.363 1.88 11.52l3.557 3.342a.25.25 0 0 1 .075.228l-.896 4.788c-.309 1.65 1.433 2.924 2.913 2.129l4.352-2.338a.25.25 0 0 1 .236 0l4.353 2.338c1.296.697 2.794-.195 2.937-1.537l2.061 2.061a.75.75 0 0 0 1.061-1.06l-3.666-3.666l-.003-.003L8.676 7.616l-.002-.003zm7.669 1.412c.727-1.51 2.876-1.51 3.603 0l2.13 4.42a.25.25 0 0 0 .193.14l4.883.636c1.674.219 2.341 2.285 1.111 3.441l-3.42 3.213a.75.75 0 0 1-1.044-.016L9.151 6.212a.75.75 0 0 1-.145-.856z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.53 1.47a.75.75 0 0 0-1.06 1.06l5.083 5.084l-3.56.464C1.317 8.297.65 10.363 1.88 11.52l3.557 3.342a.25.25 0 0 1 .075.228l-.896 4.788c-.309 1.65 1.433 2.924 2.913 2.129l4.352-2.338a.25.25 0 0 1 .236 0l4.353 2.338c1.296.697 2.794-.195 2.937-1.537l2.061 2.061a.75.75 0 0 0 1.061-1.06l-3.666-3.666l-.003-.003L8.676 7.616l-.002-.003zm7.669 1.412c.727-1.51 2.876-1.51 3.603 0l2.13 4.42a.25.25 0 0 0 .193.14l4.883.636c1.674.219 2.341 2.285 1.111 3.441l-3.42 3.213a.75.75 0 0 1-1.044-.016L9.151 6.212a.75.75 0 0 1-.145-.856z"/></svg>
</template>

CSS

.icon-star-off-filled {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2.53%201.47a.75.75%200%200%200-1.06%201.06l5.083%205.084l-3.56.464C1.317%208.297.65%2010.363%201.88%2011.52l3.557%203.342a.25.25%200%200%201%20.075.228l-.896%204.788c-.309%201.65%201.433%202.924%202.913%202.129l4.352-2.338a.25.25%200%200%201%20.236%200l4.353%202.338c1.296.697%202.794-.195%202.937-1.537l2.061%202.061a.75.75%200%200%200%201.061-1.06l-3.666-3.666l-.003-.003L8.676%207.616l-.002-.003zm7.669%201.412c.727-1.51%202.876-1.51%203.603%200l2.13%204.42a.25.25%200%200%200%20.193.14l4.883.636c1.674.219%202.341%202.285%201.111%203.441l-3.42%203.213a.75.75%200%200%201-1.044-.016L9.151%206.212a.75.75%200%200%201-.145-.856z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M2.53%201.47a.75.75%200%200%200-1.06%201.06l5.083%205.084l-3.56.464C1.317%208.297.65%2010.363%201.88%2011.52l3.557%203.342a.25.25%200%200%201%20.075.228l-.896%204.788c-.309%201.65%201.433%202.924%202.913%202.129l4.352-2.338a.25.25%200%200%201%20.236%200l4.353%202.338c1.296.697%202.794-.195%202.937-1.537l2.061%202.061a.75.75%200%200%200%201.061-1.06l-3.666-3.666l-.003-.003L8.676%207.616l-.002-.003zm7.669%201.412c.727-1.51%202.876-1.51%203.603%200l2.13%204.42a.25.25%200%200%200%20.193.14l4.883.636c1.674.219%202.341%202.285%201.111%203.441l-3.42%203.213a.75.75%200%200%201-1.044-.016L9.151%206.212a.75.75%200%200%201-.145-.856z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/star-off-filled.svg?color=%231a73e8&size=48

Star Off filled icon — Reicon · IconsDB