list star icon
list-star-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.
- Name
- list-star-bold
- Set
- Phosphor
- Style
- Bold
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
Related icons in Phosphor
Use the list star icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M28 64a12 12 0 0 1 12-12h176a12 12 0 0 1 0 24H40a12 12 0 0 1-12-12m12 76h48a12 12 0 0 0 0-24H40a12 12 0 0 0 0 24m64 40H40a12 12 0 0 0 0 24h64a12 12 0 0 0 0-24m135.64-33.13l-20.58 17l6.25 25.26a12 12 0 0 1-17.73 13.22L184 188.46l-23.58 13.88a12 12 0 0 1-17.73-13.22l6.25-25.26l-20.58-17a12 12 0 0 1 6.72-21.22l27.42-2.12L173 99.25a12 12 0 0 1 22 0l10.48 24.28l27.42 2.12a12 12 0 0 1 6.72 21.22Zm-38.21.42l-5-.39a12 12 0 0 1-10.09-7.21l-2.33-5.4l-2.33 5.4a12 12 0 0 1-10.1 7.21l-5 .39l3.48 2.87a12 12 0 0 1 4 12.13l-1.21 4.89l5.07-3a12.06 12.06 0 0 1 12.18 0l5.07 3l-1.17-4.89a12 12 0 0 1 4-12.13Z"/></svg>
React
import type { SVGProps } from "react";
export function PhListStarBold(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="M28 64a12 12 0 0 1 12-12h176a12 12 0 0 1 0 24H40a12 12 0 0 1-12-12m12 76h48a12 12 0 0 0 0-24H40a12 12 0 0 0 0 24m64 40H40a12 12 0 0 0 0 24h64a12 12 0 0 0 0-24m135.64-33.13l-20.58 17l6.25 25.26a12 12 0 0 1-17.73 13.22L184 188.46l-23.58 13.88a12 12 0 0 1-17.73-13.22l6.25-25.26l-20.58-17a12 12 0 0 1 6.72-21.22l27.42-2.12L173 99.25a12 12 0 0 1 22 0l10.48 24.28l27.42 2.12a12 12 0 0 1 6.72 21.22Zm-38.21.42l-5-.39a12 12 0 0 1-10.09-7.21l-2.33-5.4l-2.33 5.4a12 12 0 0 1-10.1 7.21l-5 .39l3.48 2.87a12 12 0 0 1 4 12.13l-1.21 4.89l5.07-3a12.06 12.06 0 0 1 12.18 0l5.07 3l-1.17-4.89a12 12 0 0 1 4-12.13Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M28 64a12 12 0 0 1 12-12h176a12 12 0 0 1 0 24H40a12 12 0 0 1-12-12m12 76h48a12 12 0 0 0 0-24H40a12 12 0 0 0 0 24m64 40H40a12 12 0 0 0 0 24h64a12 12 0 0 0 0-24m135.64-33.13l-20.58 17l6.25 25.26a12 12 0 0 1-17.73 13.22L184 188.46l-23.58 13.88a12 12 0 0 1-17.73-13.22l6.25-25.26l-20.58-17a12 12 0 0 1 6.72-21.22l27.42-2.12L173 99.25a12 12 0 0 1 22 0l10.48 24.28l27.42 2.12a12 12 0 0 1 6.72 21.22Zm-38.21.42l-5-.39a12 12 0 0 1-10.09-7.21l-2.33-5.4l-2.33 5.4a12 12 0 0 1-10.1 7.21l-5 .39l3.48 2.87a12 12 0 0 1 4 12.13l-1.21 4.89l5.07-3a12.06 12.06 0 0 1 12.18 0l5.07 3l-1.17-4.89a12 12 0 0 1 4-12.13Z"/></svg> </template>
CSS
.icon-list-star-bold {
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%22M28%2064a12%2012%200%200%201%2012-12h176a12%2012%200%200%201%200%2024H40a12%2012%200%200%201-12-12m12%2076h48a12%2012%200%200%200%200-24H40a12%2012%200%200%200%200%2024m64%2040H40a12%2012%200%200%200%200%2024h64a12%2012%200%200%200%200-24m135.64-33.13l-20.58%2017l6.25%2025.26a12%2012%200%200%201-17.73%2013.22L184%20188.46l-23.58%2013.88a12%2012%200%200%201-17.73-13.22l6.25-25.26l-20.58-17a12%2012%200%200%201%206.72-21.22l27.42-2.12L173%2099.25a12%2012%200%200%201%2022%200l10.48%2024.28l27.42%202.12a12%2012%200%200%201%206.72%2021.22Zm-38.21.42l-5-.39a12%2012%200%200%201-10.09-7.21l-2.33-5.4l-2.33%205.4a12%2012%200%200%201-10.1%207.21l-5%20.39l3.48%202.87a12%2012%200%200%201%204%2012.13l-1.21%204.89l5.07-3a12.06%2012.06%200%200%201%2012.18%200l5.07%203l-1.17-4.89a12%2012%200%200%201%204-12.13Z%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%22M28%2064a12%2012%200%200%201%2012-12h176a12%2012%200%200%201%200%2024H40a12%2012%200%200%201-12-12m12%2076h48a12%2012%200%200%200%200-24H40a12%2012%200%200%200%200%2024m64%2040H40a12%2012%200%200%200%200%2024h64a12%2012%200%200%200%200-24m135.64-33.13l-20.58%2017l6.25%2025.26a12%2012%200%200%201-17.73%2013.22L184%20188.46l-23.58%2013.88a12%2012%200%200%201-17.73-13.22l6.25-25.26l-20.58-17a12%2012%200%200%201%206.72-21.22l27.42-2.12L173%2099.25a12%2012%200%200%201%2022%200l10.48%2024.28l27.42%202.12a12%2012%200%200%201%206.72%2021.22Zm-38.21.42l-5-.39a12%2012%200%200%201-10.09-7.21l-2.33-5.4l-2.33%205.4a12%2012%200%200%201-10.1%207.21l-5%20.39l3.48%202.87a12%2012%200%200%201%204%2012.13l-1.21%204.89l5.07-3a12.06%2012.06%200%200%201%2012.18%200l5.07%203l-1.17-4.89a12%2012%200%200%201%204-12.13Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/list-star-bold.svg?color=%231a73e8&size=48
