star four icon

star-four-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.

Name
star-four-light
Set
Phosphor
Style
Light
Viewbox
256×256
License
MIT

5 other variants in Phosphor

star-fourstar-four-boldstar-four-duotonestar-four-fillstar-four-thin

Related icons in Phosphor

star-and-crescentstar-halfstar-of-david

Use the star four icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M228.81 114.89L164.5 91.5l-23.39-64.31a13.95 13.95 0 0 0-26.22 0L91.5 91.5l-64.31 23.39a13.95 13.95 0 0 0 0 26.22L91.5 164.5l23.39 64.31a13.95 13.95 0 0 0 26.22 0l23.39-64.31l64.31-23.39a13.95 13.95 0 0 0 0-26.22m-4.1 15l-66.94 24.34a6 6 0 0 0-3.59 3.59l-24.34 66.94a2 2 0 0 1-3.68 0l-24.34-66.94a6 6 0 0 0-3.59-3.59l-66.94-24.39a2 2 0 0 1 0-3.68l66.94-24.34a6 6 0 0 0 3.59-3.59l24.34-66.94a2 2 0 0 1 3.68 0l24.34 66.94a6 6 0 0 0 3.59 3.59l66.94 24.34a2 2 0 0 1 0 3.68Z"/></svg>

React

import type { SVGProps } from "react";

export function PhStarFourLight(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="M228.81 114.89L164.5 91.5l-23.39-64.31a13.95 13.95 0 0 0-26.22 0L91.5 91.5l-64.31 23.39a13.95 13.95 0 0 0 0 26.22L91.5 164.5l23.39 64.31a13.95 13.95 0 0 0 26.22 0l23.39-64.31l64.31-23.39a13.95 13.95 0 0 0 0-26.22m-4.1 15l-66.94 24.34a6 6 0 0 0-3.59 3.59l-24.34 66.94a2 2 0 0 1-3.68 0l-24.34-66.94a6 6 0 0 0-3.59-3.59l-66.94-24.39a2 2 0 0 1 0-3.68l66.94-24.34a6 6 0 0 0 3.59-3.59l24.34-66.94a2 2 0 0 1 3.68 0l24.34 66.94a6 6 0 0 0 3.59 3.59l66.94 24.34a2 2 0 0 1 0 3.68Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M228.81 114.89L164.5 91.5l-23.39-64.31a13.95 13.95 0 0 0-26.22 0L91.5 91.5l-64.31 23.39a13.95 13.95 0 0 0 0 26.22L91.5 164.5l23.39 64.31a13.95 13.95 0 0 0 26.22 0l23.39-64.31l64.31-23.39a13.95 13.95 0 0 0 0-26.22m-4.1 15l-66.94 24.34a6 6 0 0 0-3.59 3.59l-24.34 66.94a2 2 0 0 1-3.68 0l-24.34-66.94a6 6 0 0 0-3.59-3.59l-66.94-24.39a2 2 0 0 1 0-3.68l66.94-24.34a6 6 0 0 0 3.59-3.59l24.34-66.94a2 2 0 0 1 3.68 0l24.34 66.94a6 6 0 0 0 3.59 3.59l66.94 24.34a2 2 0 0 1 0 3.68Z"/></svg>
</template>

CSS

.icon-star-four-light {
  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%22M228.81%20114.89L164.5%2091.5l-23.39-64.31a13.95%2013.95%200%200%200-26.22%200L91.5%2091.5l-64.31%2023.39a13.95%2013.95%200%200%200%200%2026.22L91.5%20164.5l23.39%2064.31a13.95%2013.95%200%200%200%2026.22%200l23.39-64.31l64.31-23.39a13.95%2013.95%200%200%200%200-26.22m-4.1%2015l-66.94%2024.34a6%206%200%200%200-3.59%203.59l-24.34%2066.94a2%202%200%200%201-3.68%200l-24.34-66.94a6%206%200%200%200-3.59-3.59l-66.94-24.39a2%202%200%200%201%200-3.68l66.94-24.34a6%206%200%200%200%203.59-3.59l24.34-66.94a2%202%200%200%201%203.68%200l24.34%2066.94a6%206%200%200%200%203.59%203.59l66.94%2024.34a2%202%200%200%201%200%203.68Z%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%22M228.81%20114.89L164.5%2091.5l-23.39-64.31a13.95%2013.95%200%200%200-26.22%200L91.5%2091.5l-64.31%2023.39a13.95%2013.95%200%200%200%200%2026.22L91.5%20164.5l23.39%2064.31a13.95%2013.95%200%200%200%2026.22%200l23.39-64.31l64.31-23.39a13.95%2013.95%200%200%200%200-26.22m-4.1%2015l-66.94%2024.34a6%206%200%200%200-3.59%203.59l-24.34%2066.94a2%202%200%200%201-3.68%200l-24.34-66.94a6%206%200%200%200-3.59-3.59l-66.94-24.39a2%202%200%200%201%200-3.68l66.94-24.34a6%206%200%200%200%203.59-3.59l24.34-66.94a2%202%200%200%201%203.68%200l24.34%2066.94a6%206%200%200%200%203.59%203.59l66.94%2024.34a2%202%200%200%201%200%203.68Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/star-four-light.svg?color=%231a73e8&size=48