star half icon
star-half-fill from Phosphor by Phosphor Icons · Fill · MIT Free for personal and commercial use.
- Name
- star-half-fill
- Set
- Phosphor
- Style
- Fill
- 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="M239.18 97.26A16.38 16.38 0 0 0 224.92 86l-59-4.76l-22.78-55.09a16.36 16.36 0 0 0-30.27 0L90.11 81.23L31.08 86a16.46 16.46 0 0 0-9.37 28.86l45 38.83L53 211.75a16.4 16.4 0 0 0 24.5 17.82l50.5-31.08l50.53 31.08A16.4 16.4 0 0 0 203 211.75l-13.76-58.07l45-38.83a16.43 16.43 0 0 0 4.94-17.59m-15.34 5.47l-48.7 42a8 8 0 0 0-2.56 7.91l14.88 62.8a.37.37 0 0 1-.17.48c-.18.14-.23.11-.38 0l-54.72-33.65a8 8 0 0 0-4.19-1.17V32c.24 0 .27.08.35.26L153 91.86a8 8 0 0 0 6.75 4.92l63.91 5.16c.16 0 .25 0 .34.29s0 .4-.16.5"/></svg>
React
import type { SVGProps } from "react";
export function PhStarHalfFill(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="M239.18 97.26A16.38 16.38 0 0 0 224.92 86l-59-4.76l-22.78-55.09a16.36 16.36 0 0 0-30.27 0L90.11 81.23L31.08 86a16.46 16.46 0 0 0-9.37 28.86l45 38.83L53 211.75a16.4 16.4 0 0 0 24.5 17.82l50.5-31.08l50.53 31.08A16.4 16.4 0 0 0 203 211.75l-13.76-58.07l45-38.83a16.43 16.43 0 0 0 4.94-17.59m-15.34 5.47l-48.7 42a8 8 0 0 0-2.56 7.91l14.88 62.8a.37.37 0 0 1-.17.48c-.18.14-.23.11-.38 0l-54.72-33.65a8 8 0 0 0-4.19-1.17V32c.24 0 .27.08.35.26L153 91.86a8 8 0 0 0 6.75 4.92l63.91 5.16c.16 0 .25 0 .34.29s0 .4-.16.5"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M239.18 97.26A16.38 16.38 0 0 0 224.92 86l-59-4.76l-22.78-55.09a16.36 16.36 0 0 0-30.27 0L90.11 81.23L31.08 86a16.46 16.46 0 0 0-9.37 28.86l45 38.83L53 211.75a16.4 16.4 0 0 0 24.5 17.82l50.5-31.08l50.53 31.08A16.4 16.4 0 0 0 203 211.75l-13.76-58.07l45-38.83a16.43 16.43 0 0 0 4.94-17.59m-15.34 5.47l-48.7 42a8 8 0 0 0-2.56 7.91l14.88 62.8a.37.37 0 0 1-.17.48c-.18.14-.23.11-.38 0l-54.72-33.65a8 8 0 0 0-4.19-1.17V32c.24 0 .27.08.35.26L153 91.86a8 8 0 0 0 6.75 4.92l63.91 5.16c.16 0 .25 0 .34.29s0 .4-.16.5"/></svg> </template>
CSS
.icon-star-half-fill {
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%22M239.18%2097.26A16.38%2016.38%200%200%200%20224.92%2086l-59-4.76l-22.78-55.09a16.36%2016.36%200%200%200-30.27%200L90.11%2081.23L31.08%2086a16.46%2016.46%200%200%200-9.37%2028.86l45%2038.83L53%20211.75a16.4%2016.4%200%200%200%2024.5%2017.82l50.5-31.08l50.53%2031.08A16.4%2016.4%200%200%200%20203%20211.75l-13.76-58.07l45-38.83a16.43%2016.43%200%200%200%204.94-17.59m-15.34%205.47l-48.7%2042a8%208%200%200%200-2.56%207.91l14.88%2062.8a.37.37%200%200%201-.17.48c-.18.14-.23.11-.38%200l-54.72-33.65a8%208%200%200%200-4.19-1.17V32c.24%200%20.27.08.35.26L153%2091.86a8%208%200%200%200%206.75%204.92l63.91%205.16c.16%200%20.25%200%20.34.29s0%20.4-.16.5%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%22M239.18%2097.26A16.38%2016.38%200%200%200%20224.92%2086l-59-4.76l-22.78-55.09a16.36%2016.36%200%200%200-30.27%200L90.11%2081.23L31.08%2086a16.46%2016.46%200%200%200-9.37%2028.86l45%2038.83L53%20211.75a16.4%2016.4%200%200%200%2024.5%2017.82l50.5-31.08l50.53%2031.08A16.4%2016.4%200%200%200%20203%20211.75l-13.76-58.07l45-38.83a16.43%2016.43%200%200%200%204.94-17.59m-15.34%205.47l-48.7%2042a8%208%200%200%200-2.56%207.91l14.88%2062.8a.37.37%200%200%201-.17.48c-.18.14-.23.11-.38%200l-54.72-33.65a8%208%200%200%200-4.19-1.17V32c.24%200%20.27.08.35.26L153%2091.86a8%208%200%200%200%206.75%204.92l63.91%205.16c.16%200%20.25%200%20.34.29s0%20.4-.16.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/star-half-fill.svg?color=%231a73e8&size=48
