star icon
star from Phosphor by Phosphor Icons · Regular · MIT Free for personal and commercial use.
- Name
- star
- Set
- Phosphor
- Style
- Regular
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
starAkar IconsstarBootstrap IconsstarBoxIcons v2starBoxIcons v2 SolidstarCarbonstarEmoji One (Colored)star-fillEva IconsstarFramework7 IconsstarFont Awesome 6 RegularstarFont Awesome 6 SolidstarFeather Iconsstar-12-filledFluent UI System IconsstarFluent EmojistarFluent Emoji FlatstarFluent Emoji High ContraststarHeroIconsstarHuge IconsstarHumbleiconsstarIconoirstarIonIconsstarJam IconsstarLine AwesomestarMaterial Line IconsstarLucide
Related icons in Phosphor
Use the star icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" 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.38 16.38 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.59m-15.34 5.47l-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 0l-54.72-33.65a8 8 0 0 0-8.38 0l-54.72 33.67c-.15.09-.19.12-.38 0a.37.37 0 0 1-.17-.48l14.88-62.8a8 8 0 0 0-2.56-7.91l-48.7-42c-.12-.1-.23-.19-.13-.5s.18-.27.33-.29l63.92-5.16a8 8 0 0 0 6.72-4.94l24.62-59.61c.08-.17.11-.25.35-.25s.27.08.35.25L153 91.86a8 8 0 0 0 6.75 4.92l63.92 5.16c.15 0 .24 0 .33.29s0 .4-.16.5"/></svg>
React
import type { SVGProps } from "react";
export function PhStar(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="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.38 16.38 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.59m-15.34 5.47l-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 0l-54.72-33.65a8 8 0 0 0-8.38 0l-54.72 33.67c-.15.09-.19.12-.38 0a.37.37 0 0 1-.17-.48l14.88-62.8a8 8 0 0 0-2.56-7.91l-48.7-42c-.12-.1-.23-.19-.13-.5s.18-.27.33-.29l63.92-5.16a8 8 0 0 0 6.72-4.94l24.62-59.61c.08-.17.11-.25.35-.25s.27.08.35.25L153 91.86a8 8 0 0 0 6.75 4.92l63.92 5.16c.15 0 .24 0 .33.29s0 .4-.16.5"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" 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.38 16.38 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.59m-15.34 5.47l-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 0l-54.72-33.65a8 8 0 0 0-8.38 0l-54.72 33.67c-.15.09-.19.12-.38 0a.37.37 0 0 1-.17-.48l14.88-62.8a8 8 0 0 0-2.56-7.91l-48.7-42c-.12-.1-.23-.19-.13-.5s.18-.27.33-.29l63.92-5.16a8 8 0 0 0 6.72-4.94l24.62-59.61c.08-.17.11-.25.35-.25s.27.08.35.25L153 91.86a8 8 0 0 0 6.75 4.92l63.92 5.16c.15 0 .24 0 .33.29s0 .4-.16.5"/></svg> </template>
CSS
.icon-star {
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%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.38%2016.38%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.59m-15.34%205.47l-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%200l-54.72-33.65a8%208%200%200%200-8.38%200l-54.72%2033.67c-.15.09-.19.12-.38%200a.37.37%200%200%201-.17-.48l14.88-62.8a8%208%200%200%200-2.56-7.91l-48.7-42c-.12-.1-.23-.19-.13-.5s.18-.27.33-.29l63.92-5.16a8%208%200%200%200%206.72-4.94l24.62-59.61c.08-.17.11-.25.35-.25s.27.08.35.25L153%2091.86a8%208%200%200%200%206.75%204.92l63.92%205.16c.15%200%20.24%200%20.33.29s0%20.4-.16.5%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%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.38%2016.38%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.59m-15.34%205.47l-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%200l-54.72-33.65a8%208%200%200%200-8.38%200l-54.72%2033.67c-.15.09-.19.12-.38%200a.37.37%200%200%201-.17-.48l14.88-62.8a8%208%200%200%200-2.56-7.91l-48.7-42c-.12-.1-.23-.19-.13-.5s.18-.27.33-.29l63.92-5.16a8%208%200%200%200%206.72-4.94l24.62-59.61c.08-.17.11-.25.35-.25s.27.08.35.25L153%2091.86a8%208%200%200%200%206.75%204.92l63.92%205.16c.15%200%20.24%200%20.33.29s0%20.4-.16.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/star.svg?color=%231a73e8&size=48
