stars b icon
stars-b-fill from Mage Icons by MageIcons · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- stars-b-fill
- Set
- Mage Icons
- Style
- Fill
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in Mage Icons
Related icons in Mage Icons
Use the stars b icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.97 14.607a1.07 1.07 0 0 1-.73 1l-1.88.62a3.9 3.9 0 0 0-1.56 1a4.06 4.06 0 0 0-1 1.57l-.65 1.87a1.14 1.14 0 0 1-.38.52a1.1 1.1 0 0 1-.63.2a1 1 0 0 1-.62-.2a1.07 1.07 0 0 1-.39-.53l-.63-1.88a4 4 0 0 0-2.53-2.54l-1.88-.62a1.13 1.13 0 0 1-.53-.39a1.06 1.06 0 0 1 .54-1.64l1.87-.62a4 4 0 0 0 2.56-2.55l.62-1.86a1 1 0 0 1 .36-.52a1 1 0 0 1 .61-.23a1 1 0 0 1 .64.18a1 1 0 0 1 .41.52l.63 1.9a4 4 0 0 0 2.55 2.56l1.87.65a1 1 0 0 1 .52.38a1.1 1.1 0 0 1 .23.61M12.1 7.656a1 1 0 0 1-.67.93l-1.34.44a2.6 2.6 0 0 0-1 .64a2.7 2.7 0 0 0-.64 1l-.47 1.34a1 1 0 0 1-.34.47a1.05 1.05 0 0 1-.58.19a1 1 0 0 1-.93-.68l-.44-1.34a2.6 2.6 0 0 0-.64-1a2.7 2.7 0 0 0-1-.64l-1.35-.45a.92.92 0 0 1-.48-.36a.93.93 0 0 1-.19-.57a1 1 0 0 1 .19-.58a1 1 0 0 1 .49-.34l1.34-.45a2.7 2.7 0 0 0 1-.64c.29-.277.509-.62.64-1l.45-1.32a1 1 0 0 1 .33-.48a.93.93 0 0 1 .56-.2a.87.87 0 0 1 .58.16a1 1 0 0 1 .38.47l.45 1.37c.135.378.354.72.64 1a2.7 2.7 0 0 0 1 .64l1.35.47a1 1 0 0 1 .65.92z"/></svg>
React
import type { SVGProps } from "react";
export function MageStarsBFill(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="M21.97 14.607a1.07 1.07 0 0 1-.73 1l-1.88.62a3.9 3.9 0 0 0-1.56 1a4.06 4.06 0 0 0-1 1.57l-.65 1.87a1.14 1.14 0 0 1-.38.52a1.1 1.1 0 0 1-.63.2a1 1 0 0 1-.62-.2a1.07 1.07 0 0 1-.39-.53l-.63-1.88a4 4 0 0 0-2.53-2.54l-1.88-.62a1.13 1.13 0 0 1-.53-.39a1.06 1.06 0 0 1 .54-1.64l1.87-.62a4 4 0 0 0 2.56-2.55l.62-1.86a1 1 0 0 1 .36-.52a1 1 0 0 1 .61-.23a1 1 0 0 1 .64.18a1 1 0 0 1 .41.52l.63 1.9a4 4 0 0 0 2.55 2.56l1.87.65a1 1 0 0 1 .52.38a1.1 1.1 0 0 1 .23.61M12.1 7.656a1 1 0 0 1-.67.93l-1.34.44a2.6 2.6 0 0 0-1 .64a2.7 2.7 0 0 0-.64 1l-.47 1.34a1 1 0 0 1-.34.47a1.05 1.05 0 0 1-.58.19a1 1 0 0 1-.93-.68l-.44-1.34a2.6 2.6 0 0 0-.64-1a2.7 2.7 0 0 0-1-.64l-1.35-.45a.92.92 0 0 1-.48-.36a.93.93 0 0 1-.19-.57a1 1 0 0 1 .19-.58a1 1 0 0 1 .49-.34l1.34-.45a2.7 2.7 0 0 0 1-.64c.29-.277.509-.62.64-1l.45-1.32a1 1 0 0 1 .33-.48a.93.93 0 0 1 .56-.2a.87.87 0 0 1 .58.16a1 1 0 0 1 .38.47l.45 1.37c.135.378.354.72.64 1a2.7 2.7 0 0 0 1 .64l1.35.47a1 1 0 0 1 .65.92z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.97 14.607a1.07 1.07 0 0 1-.73 1l-1.88.62a3.9 3.9 0 0 0-1.56 1a4.06 4.06 0 0 0-1 1.57l-.65 1.87a1.14 1.14 0 0 1-.38.52a1.1 1.1 0 0 1-.63.2a1 1 0 0 1-.62-.2a1.07 1.07 0 0 1-.39-.53l-.63-1.88a4 4 0 0 0-2.53-2.54l-1.88-.62a1.13 1.13 0 0 1-.53-.39a1.06 1.06 0 0 1 .54-1.64l1.87-.62a4 4 0 0 0 2.56-2.55l.62-1.86a1 1 0 0 1 .36-.52a1 1 0 0 1 .61-.23a1 1 0 0 1 .64.18a1 1 0 0 1 .41.52l.63 1.9a4 4 0 0 0 2.55 2.56l1.87.65a1 1 0 0 1 .52.38a1.1 1.1 0 0 1 .23.61M12.1 7.656a1 1 0 0 1-.67.93l-1.34.44a2.6 2.6 0 0 0-1 .64a2.7 2.7 0 0 0-.64 1l-.47 1.34a1 1 0 0 1-.34.47a1.05 1.05 0 0 1-.58.19a1 1 0 0 1-.93-.68l-.44-1.34a2.6 2.6 0 0 0-.64-1a2.7 2.7 0 0 0-1-.64l-1.35-.45a.92.92 0 0 1-.48-.36a.93.93 0 0 1-.19-.57a1 1 0 0 1 .19-.58a1 1 0 0 1 .49-.34l1.34-.45a2.7 2.7 0 0 0 1-.64c.29-.277.509-.62.64-1l.45-1.32a1 1 0 0 1 .33-.48a.93.93 0 0 1 .56-.2a.87.87 0 0 1 .58.16a1 1 0 0 1 .38.47l.45 1.37c.135.378.354.72.64 1a2.7 2.7 0 0 0 1 .64l1.35.47a1 1 0 0 1 .65.92z"/></svg> </template>
CSS
.icon-stars-b-fill {
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%22M21.97%2014.607a1.07%201.07%200%200%201-.73%201l-1.88.62a3.9%203.9%200%200%200-1.56%201a4.06%204.06%200%200%200-1%201.57l-.65%201.87a1.14%201.14%200%200%201-.38.52a1.1%201.1%200%200%201-.63.2a1%201%200%200%201-.62-.2a1.07%201.07%200%200%201-.39-.53l-.63-1.88a4%204%200%200%200-2.53-2.54l-1.88-.62a1.13%201.13%200%200%201-.53-.39a1.06%201.06%200%200%201%20.54-1.64l1.87-.62a4%204%200%200%200%202.56-2.55l.62-1.86a1%201%200%200%201%20.36-.52a1%201%200%200%201%20.61-.23a1%201%200%200%201%20.64.18a1%201%200%200%201%20.41.52l.63%201.9a4%204%200%200%200%202.55%202.56l1.87.65a1%201%200%200%201%20.52.38a1.1%201.1%200%200%201%20.23.61M12.1%207.656a1%201%200%200%201-.67.93l-1.34.44a2.6%202.6%200%200%200-1%20.64a2.7%202.7%200%200%200-.64%201l-.47%201.34a1%201%200%200%201-.34.47a1.05%201.05%200%200%201-.58.19a1%201%200%200%201-.93-.68l-.44-1.34a2.6%202.6%200%200%200-.64-1a2.7%202.7%200%200%200-1-.64l-1.35-.45a.92.92%200%200%201-.48-.36a.93.93%200%200%201-.19-.57a1%201%200%200%201%20.19-.58a1%201%200%200%201%20.49-.34l1.34-.45a2.7%202.7%200%200%200%201-.64c.29-.277.509-.62.64-1l.45-1.32a1%201%200%200%201%20.33-.48a.93.93%200%200%201%20.56-.2a.87.87%200%200%201%20.58.16a1%201%200%200%201%20.38.47l.45%201.37c.135.378.354.72.64%201a2.7%202.7%200%200%200%201%20.64l1.35.47a1%201%200%200%201%20.65.92z%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%22M21.97%2014.607a1.07%201.07%200%200%201-.73%201l-1.88.62a3.9%203.9%200%200%200-1.56%201a4.06%204.06%200%200%200-1%201.57l-.65%201.87a1.14%201.14%200%200%201-.38.52a1.1%201.1%200%200%201-.63.2a1%201%200%200%201-.62-.2a1.07%201.07%200%200%201-.39-.53l-.63-1.88a4%204%200%200%200-2.53-2.54l-1.88-.62a1.13%201.13%200%200%201-.53-.39a1.06%201.06%200%200%201%20.54-1.64l1.87-.62a4%204%200%200%200%202.56-2.55l.62-1.86a1%201%200%200%201%20.36-.52a1%201%200%200%201%20.61-.23a1%201%200%200%201%20.64.18a1%201%200%200%201%20.41.52l.63%201.9a4%204%200%200%200%202.55%202.56l1.87.65a1%201%200%200%201%20.52.38a1.1%201.1%200%200%201%20.23.61M12.1%207.656a1%201%200%200%201-.67.93l-1.34.44a2.6%202.6%200%200%200-1%20.64a2.7%202.7%200%200%200-.64%201l-.47%201.34a1%201%200%200%201-.34.47a1.05%201.05%200%200%201-.58.19a1%201%200%200%201-.93-.68l-.44-1.34a2.6%202.6%200%200%200-.64-1a2.7%202.7%200%200%200-1-.64l-1.35-.45a.92.92%200%200%201-.48-.36a.93.93%200%200%201-.19-.57a1%201%200%200%201%20.19-.58a1%201%200%200%201%20.49-.34l1.34-.45a2.7%202.7%200%200%200%201-.64c.29-.277.509-.62.64-1l.45-1.32a1%201%200%200%201%20.33-.48a.93.93%200%200%201%20.56-.2a.87.87%200%200%201%20.58.16a1%201%200%200%201%20.38.47l.45%201.37c.135.378.354.72.64%201a2.7%202.7%200%200%200%201%20.64l1.35.47a1%201%200%200%201%20.65.92z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mage/stars-b-fill.svg?color=%231a73e8&size=48
