star half icon
star-half from Codicons by Microsoft Corporation · Regular · CC-BY-4.0 Attribution required.
- Name
- star-half
- Set
- Codicons
- Style
- Regular
- Viewbox
- 16×16
- License
- CC BY 4.0
The same icon in other sets
star-halfBootstrap Iconsstar-halfBoxIcons v2 Solidstar-halfCarbonstar-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-halfPhosphorstar-halfPrime Iconsstar-half-fillRemix Iconstar-halfTabler Icons
Related icons in Codicons
Use the star half icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M15.264 6.275a.94.94 0 0 0-.77-.648l-3.896-.566L8.856 1.53c-.33-.665-1.381-.666-1.711 0L5.403 5.06l-3.897.566a.94.94 0 0 0-.771.654a.94.94 0 0 0 .244.973l2.818 2.748l-.666 3.88a.94.94 0 0 0 .208.773a.965.965 0 0 0 1.177.232L8 13.054l3.483 1.832q.212.112.444.112c.28 0 .548-.125.732-.344a.93.93 0 0 0 .209-.774L12.202 10l2.819-2.748a.94.94 0 0 0 .241-.979zM11.317 9.47a.5.5 0 0 0-.145.442l.719 4.06l-3.659-1.924A.5.5 0 0 0 8 11.99V2.057l1.817 3.682c.072.147.214.25.376.273l4.131.526z"/></svg>
React
import type { SVGProps } from "react";
export function CodiconStarHalf(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M15.264 6.275a.94.94 0 0 0-.77-.648l-3.896-.566L8.856 1.53c-.33-.665-1.381-.666-1.711 0L5.403 5.06l-3.897.566a.94.94 0 0 0-.771.654a.94.94 0 0 0 .244.973l2.818 2.748l-.666 3.88a.94.94 0 0 0 .208.773a.965.965 0 0 0 1.177.232L8 13.054l3.483 1.832q.212.112.444.112c.28 0 .548-.125.732-.344a.93.93 0 0 0 .209-.774L12.202 10l2.819-2.748a.94.94 0 0 0 .241-.979zM11.317 9.47a.5.5 0 0 0-.145.442l.719 4.06l-3.659-1.924A.5.5 0 0 0 8 11.99V2.057l1.817 3.682c.072.147.214.25.376.273l4.131.526z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M15.264 6.275a.94.94 0 0 0-.77-.648l-3.896-.566L8.856 1.53c-.33-.665-1.381-.666-1.711 0L5.403 5.06l-3.897.566a.94.94 0 0 0-.771.654a.94.94 0 0 0 .244.973l2.818 2.748l-.666 3.88a.94.94 0 0 0 .208.773a.965.965 0 0 0 1.177.232L8 13.054l3.483 1.832q.212.112.444.112c.28 0 .548-.125.732-.344a.93.93 0 0 0 .209-.774L12.202 10l2.819-2.748a.94.94 0 0 0 .241-.979zM11.317 9.47a.5.5 0 0 0-.145.442l.719 4.06l-3.659-1.924A.5.5 0 0 0 8 11.99V2.057l1.817 3.682c.072.147.214.25.376.273l4.131.526z"/></svg> </template>
CSS
.icon-star-half {
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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.264%206.275a.94.94%200%200%200-.77-.648l-3.896-.566L8.856%201.53c-.33-.665-1.381-.666-1.711%200L5.403%205.06l-3.897.566a.94.94%200%200%200-.771.654a.94.94%200%200%200%20.244.973l2.818%202.748l-.666%203.88a.94.94%200%200%200%20.208.773a.965.965%200%200%200%201.177.232L8%2013.054l3.483%201.832q.212.112.444.112c.28%200%20.548-.125.732-.344a.93.93%200%200%200%20.209-.774L12.202%2010l2.819-2.748a.94.94%200%200%200%20.241-.979zM11.317%209.47a.5.5%200%200%200-.145.442l.719%204.06l-3.659-1.924A.5.5%200%200%200%208%2011.99V2.057l1.817%203.682c.072.147.214.25.376.273l4.131.526z%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.264%206.275a.94.94%200%200%200-.77-.648l-3.896-.566L8.856%201.53c-.33-.665-1.381-.666-1.711%200L5.403%205.06l-3.897.566a.94.94%200%200%200-.771.654a.94.94%200%200%200%20.244.973l2.818%202.748l-.666%203.88a.94.94%200%200%200%20.208.773a.965.965%200%200%200%201.177.232L8%2013.054l3.483%201.832q.212.112.444.112c.28%200%20.548-.125.732-.344a.93.93%200%200%200%20.209-.774L12.202%2010l2.819-2.748a.94.94%200%200%200%20.241-.979zM11.317%209.47a.5.5%200%200%200-.145.442l.719%204.06l-3.659-1.924A.5.5%200%200%200%208%2011.99V2.057l1.817%203.682c.072.147.214.25.376.273l4.131.526z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/codicon/star-half.svg?color=%231a73e8&size=48
