star half icon
star-half-duotone from Phosphor by Phosphor Icons · Duotone · MIT Free for personal and commercial use.
- Name
- star-half-duotone
- Set
- Phosphor
- Style
- Duotone
- 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"><g fill="currentColor"><path d="M128 24v165.09l-54.72 33.65a8.4 8.4 0 0 1-12.52-9.17l14.88-62.79l-48.7-42A8.46 8.46 0 0 1 31.73 94l63.91-5.2l24.62-59.6A8.26 8.26 0 0 1 128 24" opacity=".2"/><path 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.59M69.09 215.94c-.15.09-.2.12-.38 0a.37.37 0 0 1-.17-.48l14.88-62.8a8 8 0 0 0-2.56-7.91l-48.7-42a.39.39 0 0 1-.13-.51c.09-.27.18-.27.33-.29l63.92-5.16a8 8 0 0 0 6.72-4.93l17-41.08v133.85Zm154.75-113.21l-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 0L136 184.63V50.78l17 41.08a8 8 0 0 0 6.75 4.92l63.91 5.16c.16 0 .25 0 .34.29s0 .4-.16.5"/></g></svg>
React
import type { SVGProps } from "react";
export function PhStarHalfDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M128 24v165.09l-54.72 33.65a8.4 8.4 0 0 1-12.52-9.17l14.88-62.79l-48.7-42A8.46 8.46 0 0 1 31.73 94l63.91-5.2l24.62-59.6A8.26 8.26 0 0 1 128 24" opacity=".2"/><path 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.59M69.09 215.94c-.15.09-.2.12-.38 0a.37.37 0 0 1-.17-.48l14.88-62.8a8 8 0 0 0-2.56-7.91l-48.7-42a.39.39 0 0 1-.13-.51c.09-.27.18-.27.33-.29l63.92-5.16a8 8 0 0 0 6.72-4.93l17-41.08v133.85Zm154.75-113.21l-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 0L136 184.63V50.78l17 41.08a8 8 0 0 0 6.75 4.92l63.91 5.16c.16 0 .25 0 .34.29s0 .4-.16.5"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="M128 24v165.09l-54.72 33.65a8.4 8.4 0 0 1-12.52-9.17l14.88-62.79l-48.7-42A8.46 8.46 0 0 1 31.73 94l63.91-5.2l24.62-59.6A8.26 8.26 0 0 1 128 24" opacity=".2"/><path 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.59M69.09 215.94c-.15.09-.2.12-.38 0a.37.37 0 0 1-.17-.48l14.88-62.8a8 8 0 0 0-2.56-7.91l-48.7-42a.39.39 0 0 1-.13-.51c.09-.27.18-.27.33-.29l63.92-5.16a8 8 0 0 0 6.72-4.93l17-41.08v133.85Zm154.75-113.21l-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 0L136 184.63V50.78l17 41.08a8 8 0 0 0 6.75 4.92l63.91 5.16c.16 0 .25 0 .34.29s0 .4-.16.5"/></g></svg> </template>
CSS
.icon-star-half-duotone {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M128%2024v165.09l-54.72%2033.65a8.4%208.4%200%200%201-12.52-9.17l14.88-62.79l-48.7-42A8.46%208.46%200%200%201%2031.73%2094l63.91-5.2l24.62-59.6A8.26%208.26%200%200%201%20128%2024%22%20opacity%3D%22.2%22%2F%3E%3Cpath%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.59M69.09%20215.94c-.15.09-.2.12-.38%200a.37.37%200%200%201-.17-.48l14.88-62.8a8%208%200%200%200-2.56-7.91l-48.7-42a.39.39%200%200%201-.13-.51c.09-.27.18-.27.33-.29l63.92-5.16a8%208%200%200%200%206.72-4.93l17-41.08v133.85Zm154.75-113.21l-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%200L136%20184.63V50.78l17%2041.08a8%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%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%20256%20256%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M128%2024v165.09l-54.72%2033.65a8.4%208.4%200%200%201-12.52-9.17l14.88-62.79l-48.7-42A8.46%208.46%200%200%201%2031.73%2094l63.91-5.2l24.62-59.6A8.26%208.26%200%200%201%20128%2024%22%20opacity%3D%22.2%22%2F%3E%3Cpath%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.59M69.09%20215.94c-.15.09-.2.12-.38%200a.37.37%200%200%201-.17-.48l14.88-62.8a8%208%200%200%200-2.56-7.91l-48.7-42a.39.39%200%200%201-.13-.51c.09-.27.18-.27.33-.29l63.92-5.16a8%208%200%200%200%206.72-4.93l17-41.08v133.85Zm154.75-113.21l-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%200L136%20184.63V50.78l17%2041.08a8%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%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/star-half-duotone.svg?color=%231a73e8&size=48
