star off icon

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" 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.66-3.661l-.016-.015L8.688 7.627l-.022-.022zm5.361 7.482l-4.705.614a.5.5 0 0 0-.278.86l3.557 3.342a1.75 1.75 0 0 1 .522 1.597l-.895 4.787a.5.5 0 0 0 .728.533l4.352-2.339a1.75 1.75 0 0 1 1.656 0l4.353 2.339a.5.5 0 0 0 .728-.533l-.272-1.455z" clip-rule="evenodd"/><path d="M13.802 2.882c-.727-1.51-2.876-1.51-3.604 0L9.006 5.356a.75.75 0 0 0 1.351.651l1.193-2.474a.5.5 0 0 1 .9 0l2.131 4.42a1.75 1.75 0 0 0 1.35.976l4.883.637a.5.5 0 0 1 .278.86l-3.42 3.213a.75.75 0 1 0 1.027 1.093l3.42-3.213c1.23-1.156.563-3.222-1.11-3.44l-4.884-.638a.25.25 0 0 1-.193-.14z"/></g></svg>

import type { SVGProps } from "react";

export function ReiconStarOff(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fillRule="evenodd" 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.66-3.661l-.016-.015L8.688 7.627l-.022-.022zm5.361 7.482l-4.705.614a.5.5 0 0 0-.278.86l3.557 3.342a1.75 1.75 0 0 1 .522 1.597l-.895 4.787a.5.5 0 0 0 .728.533l4.352-2.339a1.75 1.75 0 0 1 1.656 0l4.353 2.339a.5.5 0 0 0 .728-.533l-.272-1.455z" clipRule="evenodd"/><path d="M13.802 2.882c-.727-1.51-2.876-1.51-3.604 0L9.006 5.356a.75.75 0 0 0 1.351.651l1.193-2.474a.5.5 0 0 1 .9 0l2.131 4.42a1.75 1.75 0 0 0 1.35.976l4.883.637a.5.5 0 0 1 .278.86l-3.42 3.213a.75.75 0 1 0 1.027 1.093l3.42-3.213c1.23-1.156.563-3.222-1.11-3.44l-4.884-.638a.25.25 0 0 1-.193-.14z"/></g></svg>
  );
}

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" 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.66-3.661l-.016-.015L8.688 7.627l-.022-.022zm5.361 7.482l-4.705.614a.5.5 0 0 0-.278.86l3.557 3.342a1.75 1.75 0 0 1 .522 1.597l-.895 4.787a.5.5 0 0 0 .728.533l4.352-2.339a1.75 1.75 0 0 1 1.656 0l4.353 2.339a.5.5 0 0 0 .728-.533l-.272-1.455z" clip-rule="evenodd"/><path d="M13.802 2.882c-.727-1.51-2.876-1.51-3.604 0L9.006 5.356a.75.75 0 0 0 1.351.651l1.193-2.474a.5.5 0 0 1 .9 0l2.131 4.42a1.75 1.75 0 0 0 1.35.976l4.883.637a.5.5 0 0 1 .278.86l-3.42 3.213a.75.75 0 1 0 1.027 1.093l3.42-3.213c1.23-1.156.563-3.222-1.11-3.44l-4.884-.638a.25.25 0 0 1-.193-.14z"/></g></svg>
</template>

.icon-star-off {
  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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%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.66-3.661l-.016-.015L8.688%207.627l-.022-.022zm5.361%207.482l-4.705.614a.5.5%200%200%200-.278.86l3.557%203.342a1.75%201.75%200%200%201%20.522%201.597l-.895%204.787a.5.5%200%200%200%20.728.533l4.352-2.339a1.75%201.75%200%200%201%201.656%200l4.353%202.339a.5.5%200%200%200%20.728-.533l-.272-1.455z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M13.802%202.882c-.727-1.51-2.876-1.51-3.604%200L9.006%205.356a.75.75%200%200%200%201.351.651l1.193-2.474a.5.5%200%200%201%20.9%200l2.131%204.42a1.75%201.75%200%200%200%201.35.976l4.883.637a.5.5%200%200%201%20.278.86l-3.42%203.213a.75.75%200%201%200%201.027%201.093l3.42-3.213c1.23-1.156.563-3.222-1.11-3.44l-4.884-.638a.25.25%200%200%201-.193-.14z%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%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.66-3.661l-.016-.015L8.688%207.627l-.022-.022zm5.361%207.482l-4.705.614a.5.5%200%200%200-.278.86l3.557%203.342a1.75%201.75%200%200%201%20.522%201.597l-.895%204.787a.5.5%200%200%200%20.728.533l4.352-2.339a1.75%201.75%200%200%201%201.656%200l4.353%202.339a.5.5%200%200%200%20.728-.533l-.272-1.455z%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M13.802%202.882c-.727-1.51-2.876-1.51-3.604%200L9.006%205.356a.75.75%200%200%200%201.351.651l1.193-2.474a.5.5%200%200%201%20.9%200l2.131%204.42a1.75%201.75%200%200%200%201.35.976l4.883.637a.5.5%200%200%201%20.278.86l-3.42%203.213a.75.75%200%201%200%201.027%201.093l3.42-3.213c1.23-1.156.563-3.222-1.11-3.44l-4.884-.638a.25.25%200%200%201-.193-.14z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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