star half alt icon

star-half-alt from Font Awesome Solid by Dave Gandy · Solid · Status · CC-BY-4.0 Attribution required.

Name: star-half-alt
Set: Font Awesome Solid
Style: Solid
Category: Status
Viewbox: 640×640
License: CC BY 4.0

The same icon in other sets

star-half-altFont Awesome Regular star-half-altLine Awesome star-half-altMaterial Line Icons star-half-altUnicons star-half-altUnicons Monochrome star-half-altUnicons Solid

More status icons from Font Awesome Solid

calendar-day calendar-week thermometer-empty thermometer-full thermometer-half thermometer-quarter thermometer-three-quarters user-alt-slash user-slash star-and-crescent star-half star-of-david star-of-life star-half-stroke

Use the star half alt icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320.1 417.6c10 0 19.9 2.3 29 7l74.4 37.9l-13-82.5c-3.2-20.2 3.5-40.7 17.9-55.2l59-59.1l-82.5-13.1c-20.2-3.2-37.7-15.9-47-34.1l-38-74.4v273.6zM489.4 553c-7.3 5.3-17 6.1-25 2l-144.3-73.4L175.8 555c-8 4.1-17.7 3.3-25-2s-11-14.2-9.6-23.2l25.2-159.9L52 255.4c-6.4-6.4-8.6-15.8-5.8-24.4s10.1-14.9 19.1-16.3l159.9-25.4l73.6-144.2c4.1-8 12.4-13.1 21.4-13.1s17.3 5.1 21.4 13.1L415 189.3l159.9 25.4c8.9 1.4 16.3 7.7 19.1 16.3s.5 18-5.8 24.4L473.7 369.9L499 529.8c1.4 8.9-2.3 17.9-9.6 23.2"/></svg>

React

import type { SVGProps } from "react";

export function Fa7SolidStarHalfAlt(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320.1 417.6c10 0 19.9 2.3 29 7l74.4 37.9l-13-82.5c-3.2-20.2 3.5-40.7 17.9-55.2l59-59.1l-82.5-13.1c-20.2-3.2-37.7-15.9-47-34.1l-38-74.4v273.6zM489.4 553c-7.3 5.3-17 6.1-25 2l-144.3-73.4L175.8 555c-8 4.1-17.7 3.3-25-2s-11-14.2-9.6-23.2l25.2-159.9L52 255.4c-6.4-6.4-8.6-15.8-5.8-24.4s10.1-14.9 19.1-16.3l159.9-25.4l73.6-144.2c4.1-8 12.4-13.1 21.4-13.1s17.3 5.1 21.4 13.1L415 189.3l159.9 25.4c8.9 1.4 16.3 7.7 19.1 16.3s.5 18-5.8 24.4L473.7 369.9L499 529.8c1.4 8.9-2.3 17.9-9.6 23.2"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 640 640"><path fill="currentColor" d="M320.1 417.6c10 0 19.9 2.3 29 7l74.4 37.9l-13-82.5c-3.2-20.2 3.5-40.7 17.9-55.2l59-59.1l-82.5-13.1c-20.2-3.2-37.7-15.9-47-34.1l-38-74.4v273.6zM489.4 553c-7.3 5.3-17 6.1-25 2l-144.3-73.4L175.8 555c-8 4.1-17.7 3.3-25-2s-11-14.2-9.6-23.2l25.2-159.9L52 255.4c-6.4-6.4-8.6-15.8-5.8-24.4s10.1-14.9 19.1-16.3l159.9-25.4l73.6-144.2c4.1-8 12.4-13.1 21.4-13.1s17.3 5.1 21.4 13.1L415 189.3l159.9 25.4c8.9 1.4 16.3 7.7 19.1 16.3s.5 18-5.8 24.4L473.7 369.9L499 529.8c1.4 8.9-2.3 17.9-9.6 23.2"/></svg>
</template>

CSS

.icon-star-half-alt {
  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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M320.1%20417.6c10%200%2019.9%202.3%2029%207l74.4%2037.9l-13-82.5c-3.2-20.2%203.5-40.7%2017.9-55.2l59-59.1l-82.5-13.1c-20.2-3.2-37.7-15.9-47-34.1l-38-74.4v273.6zM489.4%20553c-7.3%205.3-17%206.1-25%202l-144.3-73.4L175.8%20555c-8%204.1-17.7%203.3-25-2s-11-14.2-9.6-23.2l25.2-159.9L52%20255.4c-6.4-6.4-8.6-15.8-5.8-24.4s10.1-14.9%2019.1-16.3l159.9-25.4l73.6-144.2c4.1-8%2012.4-13.1%2021.4-13.1s17.3%205.1%2021.4%2013.1L415%20189.3l159.9%2025.4c8.9%201.4%2016.3%207.7%2019.1%2016.3s.5%2018-5.8%2024.4L473.7%20369.9L499%20529.8c1.4%208.9-2.3%2017.9-9.6%2023.2%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%20640%20640%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M320.1%20417.6c10%200%2019.9%202.3%2029%207l74.4%2037.9l-13-82.5c-3.2-20.2%203.5-40.7%2017.9-55.2l59-59.1l-82.5-13.1c-20.2-3.2-37.7-15.9-47-34.1l-38-74.4v273.6zM489.4%20553c-7.3%205.3-17%206.1-25%202l-144.3-73.4L175.8%20555c-8%204.1-17.7%203.3-25-2s-11-14.2-9.6-23.2l25.2-159.9L52%20255.4c-6.4-6.4-8.6-15.8-5.8-24.4s10.1-14.9%2019.1-16.3l159.9-25.4l73.6-144.2c4.1-8%2012.4-13.1%2021.4-13.1s17.3%205.1%2021.4%2013.1L415%20189.3l159.9%2025.4c8.9%201.4%2016.3%207.7%2019.1%2016.3s.5%2018-5.8%2024.4L473.7%20369.9L499%20529.8c1.4%208.9-2.3%2017.9-9.6%2023.2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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