star half stroke icon

star-half-stroke from Font Awesome 6 Regular by Dave Gandy · Regular · CC-BY-4.0 Attribution required.

Name
star-half-stroke
Set
Font Awesome 6 Regular
Style
Regular
Viewbox
576×512
License
CC BY 4.0

The same icon in other sets

star-half-strokeFont Awesome 6 Solidstar-half-strokeFont Awesome Regularstar-half-strokeFont Awesome Solidstar-half-stroke-outlineFlowbite Icons

Related icons in Font Awesome 6 Regular

star-half

Use the star half stroke icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M309.5 13.5C305.5 5.2 297.1 0 287.9 0s-17.6 5.2-21.6 13.5l-68.6 141.3l-153.2 22.7c-9 1.3-16.5 7.6-19.3 16.3s-.5 18.1 5.9 24.5l111.1 110.1L116 483.9c-1.5 9 2.2 18.1 9.7 23.5s17.3 6 25.3 1.7l137-73.2l137 73.2c8.1 4.3 17.9 3.7 25.3-1.7s11.2-14.5 9.7-23.5l-26.4-155.5l111.2-110.2c6.5-6.4 8.7-15.9 5.9-24.5s-10.3-14.9-19.3-16.3l-153.3-22.6zM288 384.7V79.1l52.5 108.1c3.5 7.1 10.2 12.1 18.1 13.3L476.9 218L391 303c-5.5 5.5-8.1 13.3-6.8 21l20.2 119.6l-105.2-56.1c-3.5-1.9-7.4-2.8-11.2-2.8"/></svg>

React

import type { SVGProps } from "react";

export function Fa6RegularStarHalfStroke(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M309.5 13.5C305.5 5.2 297.1 0 287.9 0s-17.6 5.2-21.6 13.5l-68.6 141.3l-153.2 22.7c-9 1.3-16.5 7.6-19.3 16.3s-.5 18.1 5.9 24.5l111.1 110.1L116 483.9c-1.5 9 2.2 18.1 9.7 23.5s17.3 6 25.3 1.7l137-73.2l137 73.2c8.1 4.3 17.9 3.7 25.3-1.7s11.2-14.5 9.7-23.5l-26.4-155.5l111.2-110.2c6.5-6.4 8.7-15.9 5.9-24.5s-10.3-14.9-19.3-16.3l-153.3-22.6zM288 384.7V79.1l52.5 108.1c3.5 7.1 10.2 12.1 18.1 13.3L476.9 218L391 303c-5.5 5.5-8.1 13.3-6.8 21l20.2 119.6l-105.2-56.1c-3.5-1.9-7.4-2.8-11.2-2.8"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 576 512"><path fill="currentColor" d="M309.5 13.5C305.5 5.2 297.1 0 287.9 0s-17.6 5.2-21.6 13.5l-68.6 141.3l-153.2 22.7c-9 1.3-16.5 7.6-19.3 16.3s-.5 18.1 5.9 24.5l111.1 110.1L116 483.9c-1.5 9 2.2 18.1 9.7 23.5s17.3 6 25.3 1.7l137-73.2l137 73.2c8.1 4.3 17.9 3.7 25.3-1.7s11.2-14.5 9.7-23.5l-26.4-155.5l111.2-110.2c6.5-6.4 8.7-15.9 5.9-24.5s-10.3-14.9-19.3-16.3l-153.3-22.6zM288 384.7V79.1l52.5 108.1c3.5 7.1 10.2 12.1 18.1 13.3L476.9 218L391 303c-5.5 5.5-8.1 13.3-6.8 21l20.2 119.6l-105.2-56.1c-3.5-1.9-7.4-2.8-11.2-2.8"/></svg>
</template>

CSS

.icon-star-half-stroke {
  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%20576%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M309.5%2013.5C305.5%205.2%20297.1%200%20287.9%200s-17.6%205.2-21.6%2013.5l-68.6%20141.3l-153.2%2022.7c-9%201.3-16.5%207.6-19.3%2016.3s-.5%2018.1%205.9%2024.5l111.1%20110.1L116%20483.9c-1.5%209%202.2%2018.1%209.7%2023.5s17.3%206%2025.3%201.7l137-73.2l137%2073.2c8.1%204.3%2017.9%203.7%2025.3-1.7s11.2-14.5%209.7-23.5l-26.4-155.5l111.2-110.2c6.5-6.4%208.7-15.9%205.9-24.5s-10.3-14.9-19.3-16.3l-153.3-22.6zM288%20384.7V79.1l52.5%20108.1c3.5%207.1%2010.2%2012.1%2018.1%2013.3L476.9%20218L391%20303c-5.5%205.5-8.1%2013.3-6.8%2021l20.2%20119.6l-105.2-56.1c-3.5-1.9-7.4-2.8-11.2-2.8%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%20576%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M309.5%2013.5C305.5%205.2%20297.1%200%20287.9%200s-17.6%205.2-21.6%2013.5l-68.6%20141.3l-153.2%2022.7c-9%201.3-16.5%207.6-19.3%2016.3s-.5%2018.1%205.9%2024.5l111.1%20110.1L116%20483.9c-1.5%209%202.2%2018.1%209.7%2023.5s17.3%206%2025.3%201.7l137-73.2l137%2073.2c8.1%204.3%2017.9%203.7%2025.3-1.7s11.2-14.5%209.7-23.5l-26.4-155.5l111.2-110.2c6.5-6.4%208.7-15.9%205.9-24.5s-10.3-14.9-19.3-16.3l-153.3-22.6zM288%20384.7V79.1l52.5%20108.1c3.5%207.1%2010.2%2012.1%2018.1%2013.3L476.9%20218L391%20303c-5.5%205.5-8.1%2013.3-6.8%2021l20.2%20119.6l-105.2-56.1c-3.5-1.9-7.4-2.8-11.2-2.8%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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