star half icon
star-half-filled from Tabler Icons by Paweł Kuna · Filled · MIT Free for personal and commercial use.
- Name
- star-half-filled
- Set
- Tabler Icons
- Style
- Filled
- Viewbox
- 24×24
- License
- MIT
1 other variant in Tabler Icons
The same icon in other sets
star-halfBootstrap Iconsstar-halfBoxIcons v2 Solidstar-halfCarbonstar-halfCodiconsstar-halfFont Awesome 6 Regularstar-halfFont Awesome 6 Solidstar-halfFont Awesome Regularstar-halfFont Awesome Solidstar-half-outlineFlowbite Iconsstar-half-12-filledFluent UI System Iconsstar-halfHuge Iconsstar-halfIonIconsstar-halfJam Iconsstar-halfLine Awesomestar-halfMaterial Line Iconsstar-halfLucidestar-halfMaterial Symbolsstar-halfMaterial Symbols Lightstar-halfMaterial Design Iconsstar-half-fillMingCute Iconstar-halfPhosphorstar-halfPrime Iconsstar-half-fillRemix Icon
Related icons in Tabler Icons
Use the star half icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 1a1 1 0 0 1 .823.443l.067.116l2.852 5.781l6.38.925c.741.108 1.08.94.703 1.526l-.07.095l-.078.086l-4.624 4.499l1.09 6.355a1 1 0 0 1-1.249 1.135l-.101-.035l-.101-.046l-5.693-3l-5.706 3q-.158.082-.32.106l-.106.01a1.003 1.003 0 0 1-1.038-1.06l.013-.11l1.09-6.355l-4.623-4.5a1 1 0 0 1 .328-1.647l.113-.036l.114-.023l6.379-.925l2.853-5.78A.97.97 0 0 1 12 1m0 3.274V16.75a1 1 0 0 1 .239.029l.115.036l.112.05l4.363 2.299l-.836-4.873a1 1 0 0 1 .136-.696l.07-.099l.082-.09l3.546-3.453l-4.891-.708a1 1 0 0 1-.62-.344l-.073-.097l-.06-.106z"/></svg>
React
import type { SVGProps } from "react";
export function TablerStarHalfFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 1a1 1 0 0 1 .823.443l.067.116l2.852 5.781l6.38.925c.741.108 1.08.94.703 1.526l-.07.095l-.078.086l-4.624 4.499l1.09 6.355a1 1 0 0 1-1.249 1.135l-.101-.035l-.101-.046l-5.693-3l-5.706 3q-.158.082-.32.106l-.106.01a1.003 1.003 0 0 1-1.038-1.06l.013-.11l1.09-6.355l-4.623-4.5a1 1 0 0 1 .328-1.647l.113-.036l.114-.023l6.379-.925l2.853-5.78A.97.97 0 0 1 12 1m0 3.274V16.75a1 1 0 0 1 .239.029l.115.036l.112.05l4.363 2.299l-.836-4.873a1 1 0 0 1 .136-.696l.07-.099l.082-.09l3.546-3.453l-4.891-.708a1 1 0 0 1-.62-.344l-.073-.097l-.06-.106z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 1a1 1 0 0 1 .823.443l.067.116l2.852 5.781l6.38.925c.741.108 1.08.94.703 1.526l-.07.095l-.078.086l-4.624 4.499l1.09 6.355a1 1 0 0 1-1.249 1.135l-.101-.035l-.101-.046l-5.693-3l-5.706 3q-.158.082-.32.106l-.106.01a1.003 1.003 0 0 1-1.038-1.06l.013-.11l1.09-6.355l-4.623-4.5a1 1 0 0 1 .328-1.647l.113-.036l.114-.023l6.379-.925l2.853-5.78A.97.97 0 0 1 12 1m0 3.274V16.75a1 1 0 0 1 .239.029l.115.036l.112.05l4.363 2.299l-.836-4.873a1 1 0 0 1 .136-.696l.07-.099l.082-.09l3.546-3.453l-4.891-.708a1 1 0 0 1-.62-.344l-.073-.097l-.06-.106z"/></svg> </template>
CSS
.icon-star-half-filled {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%201a1%201%200%200%201%20.823.443l.067.116l2.852%205.781l6.38.925c.741.108%201.08.94.703%201.526l-.07.095l-.078.086l-4.624%204.499l1.09%206.355a1%201%200%200%201-1.249%201.135l-.101-.035l-.101-.046l-5.693-3l-5.706%203q-.158.082-.32.106l-.106.01a1.003%201.003%200%200%201-1.038-1.06l.013-.11l1.09-6.355l-4.623-4.5a1%201%200%200%201%20.328-1.647l.113-.036l.114-.023l6.379-.925l2.853-5.78A.97.97%200%200%201%2012%201m0%203.274V16.75a1%201%200%200%201%20.239.029l.115.036l.112.05l4.363%202.299l-.836-4.873a1%201%200%200%201%20.136-.696l.07-.099l.082-.09l3.546-3.453l-4.891-.708a1%201%200%200%201-.62-.344l-.073-.097l-.06-.106z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%201a1%201%200%200%201%20.823.443l.067.116l2.852%205.781l6.38.925c.741.108%201.08.94.703%201.526l-.07.095l-.078.086l-4.624%204.499l1.09%206.355a1%201%200%200%201-1.249%201.135l-.101-.035l-.101-.046l-5.693-3l-5.706%203q-.158.082-.32.106l-.106.01a1.003%201.003%200%200%201-1.038-1.06l.013-.11l1.09-6.355l-4.623-4.5a1%201%200%200%201%20.328-1.647l.113-.036l.114-.023l6.379-.925l2.853-5.78A.97.97%200%200%201%2012%201m0%203.274V16.75a1%201%200%200%201%20.239.029l.115.036l.112.05l4.363%202.299l-.836-4.873a1%201%200%200%201%20.136-.696l.07-.099l.082-.09l3.546-3.453l-4.891-.708a1%201%200%200%201-.62-.344l-.073-.097l-.06-.106z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/tabler/star-half-filled.svg?color=%231a73e8&size=48
