star icon
star-duotone from Phosphor by Phosphor Icons · Duotone · MIT Free for personal and commercial use.
- Name
- star-duotone
- Set
- Phosphor
- Style
- Duotone
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
starAkar Iconsstar-filledAnt Design IconsstarBootstrap IconsstarBoxIcons v2starBoxIcons v2 SolidstarCarbonstarEmoji One (Colored)starElement Plusstar-fillEva IconsstarFramework7 IconsstarFont Awesome 6 RegularstarFont Awesome 6 SolidstarFont Awesome RegularstarFont Awesome SolidstarFeather Iconsstar-outlineFlowbite Iconsstar-12-filledFluent UI System Iconsstar-16Fluent UI System Color IconsstarFluent EmojistarFluent Emoji FlatstarFluent Emoji High ContraststarFirefox OS EmojistarHeroIconsstarHuge Icons
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"><g fill="currentColor"><path d="m229.06 108.79l-48.7 42l14.88 62.79a8.4 8.4 0 0 1-12.52 9.17L128 189.09l-54.72 33.65a8.4 8.4 0 0 1-12.52-9.17l14.88-62.79l-48.7-42A8.46 8.46 0 0 1 31.73 94l63.91-5.2l24.62-59.6a8.36 8.36 0 0 1 15.48 0l24.62 59.6l63.91 5.2a8.46 8.46 0 0 1 4.79 14.79" opacity=".2"/><path 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"/></g></svg>
React
import type { SVGProps } from "react";
export function PhStarDuotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="m229.06 108.79l-48.7 42l14.88 62.79a8.4 8.4 0 0 1-12.52 9.17L128 189.09l-54.72 33.65a8.4 8.4 0 0 1-12.52-9.17l14.88-62.79l-48.7-42A8.46 8.46 0 0 1 31.73 94l63.91-5.2l24.62-59.6a8.36 8.36 0 0 1 15.48 0l24.62 59.6l63.91 5.2a8.46 8.46 0 0 1 4.79 14.79" opacity=".2"/><path 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"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><g fill="currentColor"><path d="m229.06 108.79l-48.7 42l14.88 62.79a8.4 8.4 0 0 1-12.52 9.17L128 189.09l-54.72 33.65a8.4 8.4 0 0 1-12.52-9.17l14.88-62.79l-48.7-42A8.46 8.46 0 0 1 31.73 94l63.91-5.2l24.62-59.6a8.36 8.36 0 0 1 15.48 0l24.62 59.6l63.91 5.2a8.46 8.46 0 0 1 4.79 14.79" opacity=".2"/><path 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"/></g></svg> </template>
CSS
.icon-star-duotone {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22m229.06%20108.79l-48.7%2042l14.88%2062.79a8.4%208.4%200%200%201-12.52%209.17L128%20189.09l-54.72%2033.65a8.4%208.4%200%200%201-12.52-9.17l14.88-62.79l-48.7-42A8.46%208.46%200%200%201%2031.73%2094l63.91-5.2l24.62-59.6a8.36%208.36%200%200%201%2015.48%200l24.62%2059.6l63.91%205.2a8.46%208.46%200%200%201%204.79%2014.79%22%20opacity%3D%22.2%22%2F%3E%3Cpath%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%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22m229.06%20108.79l-48.7%2042l14.88%2062.79a8.4%208.4%200%200%201-12.52%209.17L128%20189.09l-54.72%2033.65a8.4%208.4%200%200%201-12.52-9.17l14.88-62.79l-48.7-42A8.46%208.46%200%200%201%2031.73%2094l63.91-5.2l24.62-59.6a8.36%208.36%200%200%201%2015.48%200l24.62%2059.6l63.91%205.2a8.46%208.46%200%200%201%204.79%2014.79%22%20opacity%3D%22.2%22%2F%3E%3Cpath%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%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/star-duotone.svg?color=%231a73e8&size=48
