pentagram icon

pentagram-fill from Phosphor by Phosphor Icons · Fill · MIT Free for personal and commercial use.

Name: pentagram-fill
Set: Phosphor
Style: Fill
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

pentagram pentagram-bold pentagram-duotone pentagram-light pentagram-thin

The same icon in other sets

pentagramMaterial Design Icons pentagramTabler Icons

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="M60.18 129.52a4 4 0 0 1-6.15 2L22.66 109a15.78 15.78 0 0 1-5.82-18a16.33 16.33 0 0 1 15.59-11h38.31a4 4 0 0 1 3.81 5.24Zm-7 73.48A15.75 15.75 0 0 0 59 220.88a15.74 15.74 0 0 0 18.77 0l32.05-23.06a4 4 0 0 0 0-6.5l-38.44-27.6a4 4 0 0 0-6.14 2Zm90.05-183.74a15.93 15.93 0 0 0-30.45-.05L100 58.76a4 4 0 0 0 3.76 5.24h48.48a4 4 0 0 0 3.81-5.23ZM160 80H96a4 4 0 0 0-3.8 2.77l-19.2 59a4 4 0 0 0 1.47 4.48l51.17 36.82a4 4 0 0 0 4.68 0l51.17-36.82a4 4 0 0 0 1.47-4.48l-19.15-59A4 4 0 0 0 160 80m79.13 11a16.33 16.33 0 0 0-15.59-11h-38.28a4 4 0 0 0-3.81 5.24l14.37 44.29a4 4 0 0 0 6.14 2l31.41-22.6A15.75 15.75 0 0 0 239.16 91Zm-54.55 72.75l-38.4 27.63a4 4 0 0 0 0 6.5l32 23A16 16 0 0 0 202.85 203l-12.09-37.27a4 4 0 0 0-6.15-2.01Z"/></svg>

React

import type { SVGProps } from "react";

export function PhPentagramFill(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="M60.18 129.52a4 4 0 0 1-6.15 2L22.66 109a15.78 15.78 0 0 1-5.82-18a16.33 16.33 0 0 1 15.59-11h38.31a4 4 0 0 1 3.81 5.24Zm-7 73.48A15.75 15.75 0 0 0 59 220.88a15.74 15.74 0 0 0 18.77 0l32.05-23.06a4 4 0 0 0 0-6.5l-38.44-27.6a4 4 0 0 0-6.14 2Zm90.05-183.74a15.93 15.93 0 0 0-30.45-.05L100 58.76a4 4 0 0 0 3.76 5.24h48.48a4 4 0 0 0 3.81-5.23ZM160 80H96a4 4 0 0 0-3.8 2.77l-19.2 59a4 4 0 0 0 1.47 4.48l51.17 36.82a4 4 0 0 0 4.68 0l51.17-36.82a4 4 0 0 0 1.47-4.48l-19.15-59A4 4 0 0 0 160 80m79.13 11a16.33 16.33 0 0 0-15.59-11h-38.28a4 4 0 0 0-3.81 5.24l14.37 44.29a4 4 0 0 0 6.14 2l31.41-22.6A15.75 15.75 0 0 0 239.16 91Zm-54.55 72.75l-38.4 27.63a4 4 0 0 0 0 6.5l32 23A16 16 0 0 0 202.85 203l-12.09-37.27a4 4 0 0 0-6.15-2.01Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M60.18 129.52a4 4 0 0 1-6.15 2L22.66 109a15.78 15.78 0 0 1-5.82-18a16.33 16.33 0 0 1 15.59-11h38.31a4 4 0 0 1 3.81 5.24Zm-7 73.48A15.75 15.75 0 0 0 59 220.88a15.74 15.74 0 0 0 18.77 0l32.05-23.06a4 4 0 0 0 0-6.5l-38.44-27.6a4 4 0 0 0-6.14 2Zm90.05-183.74a15.93 15.93 0 0 0-30.45-.05L100 58.76a4 4 0 0 0 3.76 5.24h48.48a4 4 0 0 0 3.81-5.23ZM160 80H96a4 4 0 0 0-3.8 2.77l-19.2 59a4 4 0 0 0 1.47 4.48l51.17 36.82a4 4 0 0 0 4.68 0l51.17-36.82a4 4 0 0 0 1.47-4.48l-19.15-59A4 4 0 0 0 160 80m79.13 11a16.33 16.33 0 0 0-15.59-11h-38.28a4 4 0 0 0-3.81 5.24l14.37 44.29a4 4 0 0 0 6.14 2l31.41-22.6A15.75 15.75 0 0 0 239.16 91Zm-54.55 72.75l-38.4 27.63a4 4 0 0 0 0 6.5l32 23A16 16 0 0 0 202.85 203l-12.09-37.27a4 4 0 0 0-6.15-2.01Z"/></svg>
</template>

CSS

.icon-pentagram-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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M60.18%20129.52a4%204%200%200%201-6.15%202L22.66%20109a15.78%2015.78%200%200%201-5.82-18a16.33%2016.33%200%200%201%2015.59-11h38.31a4%204%200%200%201%203.81%205.24Zm-7%2073.48A15.75%2015.75%200%200%200%2059%20220.88a15.74%2015.74%200%200%200%2018.77%200l32.05-23.06a4%204%200%200%200%200-6.5l-38.44-27.6a4%204%200%200%200-6.14%202Zm90.05-183.74a15.93%2015.93%200%200%200-30.45-.05L100%2058.76a4%204%200%200%200%203.76%205.24h48.48a4%204%200%200%200%203.81-5.23ZM160%2080H96a4%204%200%200%200-3.8%202.77l-19.2%2059a4%204%200%200%200%201.47%204.48l51.17%2036.82a4%204%200%200%200%204.68%200l51.17-36.82a4%204%200%200%200%201.47-4.48l-19.15-59A4%204%200%200%200%20160%2080m79.13%2011a16.33%2016.33%200%200%200-15.59-11h-38.28a4%204%200%200%200-3.81%205.24l14.37%2044.29a4%204%200%200%200%206.14%202l31.41-22.6A15.75%2015.75%200%200%200%20239.16%2091Zm-54.55%2072.75l-38.4%2027.63a4%204%200%200%200%200%206.5l32%2023A16%2016%200%200%200%20202.85%20203l-12.09-37.27a4%204%200%200%200-6.15-2.01Z%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%22M60.18%20129.52a4%204%200%200%201-6.15%202L22.66%20109a15.78%2015.78%200%200%201-5.82-18a16.33%2016.33%200%200%201%2015.59-11h38.31a4%204%200%200%201%203.81%205.24Zm-7%2073.48A15.75%2015.75%200%200%200%2059%20220.88a15.74%2015.74%200%200%200%2018.77%200l32.05-23.06a4%204%200%200%200%200-6.5l-38.44-27.6a4%204%200%200%200-6.14%202Zm90.05-183.74a15.93%2015.93%200%200%200-30.45-.05L100%2058.76a4%204%200%200%200%203.76%205.24h48.48a4%204%200%200%200%203.81-5.23ZM160%2080H96a4%204%200%200%200-3.8%202.77l-19.2%2059a4%204%200%200%200%201.47%204.48l51.17%2036.82a4%204%200%200%200%204.68%200l51.17-36.82a4%204%200%200%200%201.47-4.48l-19.15-59A4%204%200%200%200%20160%2080m79.13%2011a16.33%2016.33%200%200%200-15.59-11h-38.28a4%204%200%200%200-3.81%205.24l14.37%2044.29a4%204%200%200%200%206.14%202l31.41-22.6A15.75%2015.75%200%200%200%20239.16%2091Zm-54.55%2072.75l-38.4%2027.63a4%204%200%200%200%200%206.5l32%2023A16%2016%200%200%200%20202.85%20203l-12.09-37.27a4%204%200%200%200-6.15-2.01Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/pentagram-fill.svg?color=%231a73e8&size=48