Task Star Icon
Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.
The Task Star icon is commonly used in rating systems, favorites and review sections. Available as a free SVG - copy the code or download directly.
img tag
<img src="https://proicons.com/icon/318999.svg" alt="Task Star icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/318999.svg" alt="Task Star icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/318999.svg" alt="Task Star icon" :width="24" :height="24" />
CSS background
.icon-task-star {
background-image: url('https://proicons.com/icon/318999.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg id="icon" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
<defs>
<style>
.cls-1 {
fill: none;
}
</style>
</defs>
<polygon points="23 17 25.23 21.32 30 22 26.5 25.167 28 30 23 27.208 18 30 19.5 25.167 16 22 20.9 21.32 23 17"/>
<path d="M25,5H22V4a2.0058,2.0058,0,0,0-2-2H12a2.0058,2.0058,0,0,0-2,2V5H7A2.0058,2.0058,0,0,0,5,7V28a2.0058,2.0058,0,0,0,2,2h7V28H7V7h3v3H22V7h3v7h2V7A2.0058,2.0058,0,0,0,25,5ZM20,8H12V4h8Z"/>
<rect id="_Transparent_Rectangle_" data-name="<Transparent Rectangle>" class="cls-1" width="32" height="32"/>
</svg>
Copied!