star half icon
star-half-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.
- Name
- star-half-thin
- Set
- Phosphor
- Style
- Thin
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
star-halfBootstrap Iconsstar-halfBoxIcons v2 Solidstar-halfCarbonstar-halfCodiconsstar-halfFont Awesome 6 Regularstar-halfFont Awesome 6 Solidstar-halfFont Awesome Regularstar-halfFont Awesome Solidstar-half-outlineFlowbite Iconsstar-half-12-filledFluent UI System Iconsstar-halfHuge Iconsstar-halfIonIconsstar-halfJam Iconsstar-halfLine Awesomestar-halfMaterial Line Iconsstar-halfLucidestar-halfMaterial Symbolsstar-halfMaterial Symbols Lightstar-halfMaterial Design Iconsstar-half-fillMingCute Iconstar-halfPrime Iconsstar-half-fillRemix Iconstar-halfTabler Icons
Related icons in Phosphor
Use the star half icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m231.66 111.81l-5.06 4.36a4 4 0 1 1-5.22-6.06l5.05-4.36a4.37 4.37 0 0 0 1.32-4.77a4.29 4.29 0 0 0-3.81-3l-8.27-.67a4 4 0 1 1 .64-8l8.28.67a12.45 12.45 0 0 1 7.07 21.84Zm-55.19 39.89l4.08 17.21a4 4 0 0 0 3.88 3.08a3.7 3.7 0 0 0 .93-.11a4 4 0 0 0 3-4.81l-3.52-14.85l9.79-8.45a4 4 0 0 0-5.22-6.06l-11.63 10a4 4 0 0 0-1.31 3.99m21.34 55.37a4 4 0 0 0-7.79 1.84l1.32 5.58a4.38 4.38 0 0 1-1.71 4.65a4.26 4.26 0 0 1-4.82.18l-6.72-4.13a4 4 0 1 0-4.19 6.81l6.72 4.13a12.4 12.4 0 0 0 18.51-13.49Zm-22.14-113L160 92.79a4 4 0 0 1-3.38-2.46L132 30.73v-.09v156.2l9.34 5.74a4 4 0 0 1-4.2 6.82l-9.14-5.63l-52.62 32.36a12.4 12.4 0 0 1-18.51-13.49l14.32-60.42l-46.85-40.41A12.45 12.45 0 0 1 31.41 90l61.47-5l23.68-57.34a12.37 12.37 0 0 1 22.88 0L163.12 85l13.2 1.06a4 4 0 0 1-.65 8ZM124 186.84V30.64v.09l-24.66 59.6A4 4 0 0 1 96 92.79L32.06 98a4.29 4.29 0 0 0-3.81 3a4.37 4.37 0 0 0 1.32 4.77l48.68 42a4 4 0 0 1 1.28 3.95l-14.87 62.77a4.38 4.38 0 0 0 1.71 4.65a4.28 4.28 0 0 0 4.82.18Z"/></svg>
React
import type { SVGProps } from "react";
export function PhStarHalfThin(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m231.66 111.81l-5.06 4.36a4 4 0 1 1-5.22-6.06l5.05-4.36a4.37 4.37 0 0 0 1.32-4.77a4.29 4.29 0 0 0-3.81-3l-8.27-.67a4 4 0 1 1 .64-8l8.28.67a12.45 12.45 0 0 1 7.07 21.84Zm-55.19 39.89l4.08 17.21a4 4 0 0 0 3.88 3.08a3.7 3.7 0 0 0 .93-.11a4 4 0 0 0 3-4.81l-3.52-14.85l9.79-8.45a4 4 0 0 0-5.22-6.06l-11.63 10a4 4 0 0 0-1.31 3.99m21.34 55.37a4 4 0 0 0-7.79 1.84l1.32 5.58a4.38 4.38 0 0 1-1.71 4.65a4.26 4.26 0 0 1-4.82.18l-6.72-4.13a4 4 0 1 0-4.19 6.81l6.72 4.13a12.4 12.4 0 0 0 18.51-13.49Zm-22.14-113L160 92.79a4 4 0 0 1-3.38-2.46L132 30.73v-.09v156.2l9.34 5.74a4 4 0 0 1-4.2 6.82l-9.14-5.63l-52.62 32.36a12.4 12.4 0 0 1-18.51-13.49l14.32-60.42l-46.85-40.41A12.45 12.45 0 0 1 31.41 90l61.47-5l23.68-57.34a12.37 12.37 0 0 1 22.88 0L163.12 85l13.2 1.06a4 4 0 0 1-.65 8ZM124 186.84V30.64v.09l-24.66 59.6A4 4 0 0 1 96 92.79L32.06 98a4.29 4.29 0 0 0-3.81 3a4.37 4.37 0 0 0 1.32 4.77l48.68 42a4 4 0 0 1 1.28 3.95l-14.87 62.77a4.38 4.38 0 0 0 1.71 4.65a4.28 4.28 0 0 0 4.82.18Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="m231.66 111.81l-5.06 4.36a4 4 0 1 1-5.22-6.06l5.05-4.36a4.37 4.37 0 0 0 1.32-4.77a4.29 4.29 0 0 0-3.81-3l-8.27-.67a4 4 0 1 1 .64-8l8.28.67a12.45 12.45 0 0 1 7.07 21.84Zm-55.19 39.89l4.08 17.21a4 4 0 0 0 3.88 3.08a3.7 3.7 0 0 0 .93-.11a4 4 0 0 0 3-4.81l-3.52-14.85l9.79-8.45a4 4 0 0 0-5.22-6.06l-11.63 10a4 4 0 0 0-1.31 3.99m21.34 55.37a4 4 0 0 0-7.79 1.84l1.32 5.58a4.38 4.38 0 0 1-1.71 4.65a4.26 4.26 0 0 1-4.82.18l-6.72-4.13a4 4 0 1 0-4.19 6.81l6.72 4.13a12.4 12.4 0 0 0 18.51-13.49Zm-22.14-113L160 92.79a4 4 0 0 1-3.38-2.46L132 30.73v-.09v156.2l9.34 5.74a4 4 0 0 1-4.2 6.82l-9.14-5.63l-52.62 32.36a12.4 12.4 0 0 1-18.51-13.49l14.32-60.42l-46.85-40.41A12.45 12.45 0 0 1 31.41 90l61.47-5l23.68-57.34a12.37 12.37 0 0 1 22.88 0L163.12 85l13.2 1.06a4 4 0 0 1-.65 8ZM124 186.84V30.64v.09l-24.66 59.6A4 4 0 0 1 96 92.79L32.06 98a4.29 4.29 0 0 0-3.81 3a4.37 4.37 0 0 0 1.32 4.77l48.68 42a4 4 0 0 1 1.28 3.95l-14.87 62.77a4.38 4.38 0 0 0 1.71 4.65a4.28 4.28 0 0 0 4.82.18Z"/></svg> </template>
CSS
.icon-star-half-thin {
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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m231.66%20111.81l-5.06%204.36a4%204%200%201%201-5.22-6.06l5.05-4.36a4.37%204.37%200%200%200%201.32-4.77a4.29%204.29%200%200%200-3.81-3l-8.27-.67a4%204%200%201%201%20.64-8l8.28.67a12.45%2012.45%200%200%201%207.07%2021.84Zm-55.19%2039.89l4.08%2017.21a4%204%200%200%200%203.88%203.08a3.7%203.7%200%200%200%20.93-.11a4%204%200%200%200%203-4.81l-3.52-14.85l9.79-8.45a4%204%200%200%200-5.22-6.06l-11.63%2010a4%204%200%200%200-1.31%203.99m21.34%2055.37a4%204%200%200%200-7.79%201.84l1.32%205.58a4.38%204.38%200%200%201-1.71%204.65a4.26%204.26%200%200%201-4.82.18l-6.72-4.13a4%204%200%201%200-4.19%206.81l6.72%204.13a12.4%2012.4%200%200%200%2018.51-13.49Zm-22.14-113L160%2092.79a4%204%200%200%201-3.38-2.46L132%2030.73v-.09v156.2l9.34%205.74a4%204%200%200%201-4.2%206.82l-9.14-5.63l-52.62%2032.36a12.4%2012.4%200%200%201-18.51-13.49l14.32-60.42l-46.85-40.41A12.45%2012.45%200%200%201%2031.41%2090l61.47-5l23.68-57.34a12.37%2012.37%200%200%201%2022.88%200L163.12%2085l13.2%201.06a4%204%200%200%201-.65%208ZM124%20186.84V30.64v.09l-24.66%2059.6A4%204%200%200%201%2096%2092.79L32.06%2098a4.29%204.29%200%200%200-3.81%203a4.37%204.37%200%200%200%201.32%204.77l48.68%2042a4%204%200%200%201%201.28%203.95l-14.87%2062.77a4.38%204.38%200%200%200%201.71%204.65a4.28%204.28%200%200%200%204.82.18Z%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m231.66%20111.81l-5.06%204.36a4%204%200%201%201-5.22-6.06l5.05-4.36a4.37%204.37%200%200%200%201.32-4.77a4.29%204.29%200%200%200-3.81-3l-8.27-.67a4%204%200%201%201%20.64-8l8.28.67a12.45%2012.45%200%200%201%207.07%2021.84Zm-55.19%2039.89l4.08%2017.21a4%204%200%200%200%203.88%203.08a3.7%203.7%200%200%200%20.93-.11a4%204%200%200%200%203-4.81l-3.52-14.85l9.79-8.45a4%204%200%200%200-5.22-6.06l-11.63%2010a4%204%200%200%200-1.31%203.99m21.34%2055.37a4%204%200%200%200-7.79%201.84l1.32%205.58a4.38%204.38%200%200%201-1.71%204.65a4.26%204.26%200%200%201-4.82.18l-6.72-4.13a4%204%200%201%200-4.19%206.81l6.72%204.13a12.4%2012.4%200%200%200%2018.51-13.49Zm-22.14-113L160%2092.79a4%204%200%200%201-3.38-2.46L132%2030.73v-.09v156.2l9.34%205.74a4%204%200%200%201-4.2%206.82l-9.14-5.63l-52.62%2032.36a12.4%2012.4%200%200%201-18.51-13.49l14.32-60.42l-46.85-40.41A12.45%2012.45%200%200%201%2031.41%2090l61.47-5l23.68-57.34a12.37%2012.37%200%200%201%2022.88%200L163.12%2085l13.2%201.06a4%204%200%200%201-.65%208ZM124%20186.84V30.64v.09l-24.66%2059.6A4%204%200%200%201%2096%2092.79L32.06%2098a4.29%204.29%200%200%200-3.81%203a4.37%204.37%200%200%200%201.32%204.77l48.68%2042a4%204%200%200%201%201.28%203.95l-14.87%2062.77a4.38%204.38%200%200%200%201.71%204.65a4.28%204.28%200%200%200%204.82.18Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/star-half-thin.svg?color=%231a73e8&size=48
