pentagram icon
pentagram-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.
- Name
- pentagram-bold
- Set
- Phosphor
- Style
- Bold
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
The same icon in other sets
Use the pentagram icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M243 89.83A19.94 19.94 0 0 0 224 76h-58.15l-18.8-57.95A19.93 19.93 0 0 0 109 18L90.15 76H32a20 20 0 0 0-11.7 36.22l47.1 33.89l-18.07 55.7a20 20 0 0 0 30.74 22.39L128 189.71l47.89 34.45a20 20 0 0 0 30.78-22.35l-18.07-55.7l47.15-33.92A20 20 0 0 0 243 89.83M128 37.11L140.62 76h-25.24ZM44.42 100h37.94l-7.18 22.13Zm31.51 97.6l11.93-36.78l19.59 14.1Zm19.71-60.75l12-36.85h40.82l12 36.85L128 160.14Zm52.91 38.07l19.59-14.1l11.93 36.78Zm32.27-52.79L173.64 100h37.94Z"/></svg>
React
import type { SVGProps } from "react";
export function PhPentagramBold(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="M243 89.83A19.94 19.94 0 0 0 224 76h-58.15l-18.8-57.95A19.93 19.93 0 0 0 109 18L90.15 76H32a20 20 0 0 0-11.7 36.22l47.1 33.89l-18.07 55.7a20 20 0 0 0 30.74 22.39L128 189.71l47.89 34.45a20 20 0 0 0 30.78-22.35l-18.07-55.7l47.15-33.92A20 20 0 0 0 243 89.83M128 37.11L140.62 76h-25.24ZM44.42 100h37.94l-7.18 22.13Zm31.51 97.6l11.93-36.78l19.59 14.1Zm19.71-60.75l12-36.85h40.82l12 36.85L128 160.14Zm52.91 38.07l19.59-14.1l11.93 36.78Zm32.27-52.79L173.64 100h37.94Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M243 89.83A19.94 19.94 0 0 0 224 76h-58.15l-18.8-57.95A19.93 19.93 0 0 0 109 18L90.15 76H32a20 20 0 0 0-11.7 36.22l47.1 33.89l-18.07 55.7a20 20 0 0 0 30.74 22.39L128 189.71l47.89 34.45a20 20 0 0 0 30.78-22.35l-18.07-55.7l47.15-33.92A20 20 0 0 0 243 89.83M128 37.11L140.62 76h-25.24ZM44.42 100h37.94l-7.18 22.13Zm31.51 97.6l11.93-36.78l19.59 14.1Zm19.71-60.75l12-36.85h40.82l12 36.85L128 160.14Zm52.91 38.07l19.59-14.1l11.93 36.78Zm32.27-52.79L173.64 100h37.94Z"/></svg> </template>
CSS
.icon-pentagram-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%22M243%2089.83A19.94%2019.94%200%200%200%20224%2076h-58.15l-18.8-57.95A19.93%2019.93%200%200%200%20109%2018L90.15%2076H32a20%2020%200%200%200-11.7%2036.22l47.1%2033.89l-18.07%2055.7a20%2020%200%200%200%2030.74%2022.39L128%20189.71l47.89%2034.45a20%2020%200%200%200%2030.78-22.35l-18.07-55.7l47.15-33.92A20%2020%200%200%200%20243%2089.83M128%2037.11L140.62%2076h-25.24ZM44.42%20100h37.94l-7.18%2022.13Zm31.51%2097.6l11.93-36.78l19.59%2014.1Zm19.71-60.75l12-36.85h40.82l12%2036.85L128%20160.14Zm52.91%2038.07l19.59-14.1l11.93%2036.78Zm32.27-52.79L173.64%20100h37.94Z%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%22M243%2089.83A19.94%2019.94%200%200%200%20224%2076h-58.15l-18.8-57.95A19.93%2019.93%200%200%200%20109%2018L90.15%2076H32a20%2020%200%200%200-11.7%2036.22l47.1%2033.89l-18.07%2055.7a20%2020%200%200%200%2030.74%2022.39L128%20189.71l47.89%2034.45a20%2020%200%200%200%2030.78-22.35l-18.07-55.7l47.15-33.92A20%2020%200%200%200%20243%2089.83M128%2037.11L140.62%2076h-25.24ZM44.42%20100h37.94l-7.18%2022.13Zm31.51%2097.6l11.93-36.78l19.59%2014.1Zm19.71-60.75l12-36.85h40.82l12%2036.85L128%20160.14Zm52.91%2038.07l19.59-14.1l11.93%2036.78Zm32.27-52.79L173.64%20100h37.94Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/pentagram-bold.svg?color=%231a73e8&size=48
