pentagram icon

pentagram-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.

Name: pentagram-light
Set: Phosphor
Style: Light
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

pentagram pentagram-bold pentagram-duotone pentagram-fill 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="M237.29 91.67A13.8 13.8 0 0 0 224 82h-62.52l-20.15-62.13a13.93 13.93 0 0 0-26.64-.05L94.51 82H32a14 14 0 0 0-8.21 25.35l50.65 36.44l-19.39 59.84a13.78 13.78 0 0 0 5.09 15.64a13.77 13.77 0 0 0 16.43 0l51.43-37l51.41 37A14 14 0 0 0 201 203.63l-19.42-59.85l50.67-36.46a13.79 13.79 0 0 0 5.04-15.65M126.11 23.49a1.94 1.94 0 0 1 3.79 0l19 58.46h-41.77ZM30.85 97.61a1.86 1.86 0 0 1-.73-2.23A1.88 1.88 0 0 1 32 94h58.62l-12.26 37.8Zm38.69 112a2 2 0 0 1-3.08-2.24l18.23-56.2l33 23.77Zm19-70.42L103.24 94h49.52l14.65 45.16L128 167.51Zm100.95 68.18a2 2 0 0 1-3.1 2.22l-48.12-34.69l33-23.77Zm35.68-109.78l-47.53 34.2L165.38 94H224a1.86 1.86 0 0 1 1.9 1.39a1.83 1.83 0 0 1-.73 2.2"/></svg>

React

import type { SVGProps } from "react";

export function PhPentagramLight(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="M237.29 91.67A13.8 13.8 0 0 0 224 82h-62.52l-20.15-62.13a13.93 13.93 0 0 0-26.64-.05L94.51 82H32a14 14 0 0 0-8.21 25.35l50.65 36.44l-19.39 59.84a13.78 13.78 0 0 0 5.09 15.64a13.77 13.77 0 0 0 16.43 0l51.43-37l51.41 37A14 14 0 0 0 201 203.63l-19.42-59.85l50.67-36.46a13.79 13.79 0 0 0 5.04-15.65M126.11 23.49a1.94 1.94 0 0 1 3.79 0l19 58.46h-41.77ZM30.85 97.61a1.86 1.86 0 0 1-.73-2.23A1.88 1.88 0 0 1 32 94h58.62l-12.26 37.8Zm38.69 112a2 2 0 0 1-3.08-2.24l18.23-56.2l33 23.77Zm19-70.42L103.24 94h49.52l14.65 45.16L128 167.51Zm100.95 68.18a2 2 0 0 1-3.1 2.22l-48.12-34.69l33-23.77Zm35.68-109.78l-47.53 34.2L165.38 94H224a1.86 1.86 0 0 1 1.9 1.39a1.83 1.83 0 0 1-.73 2.2"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M237.29 91.67A13.8 13.8 0 0 0 224 82h-62.52l-20.15-62.13a13.93 13.93 0 0 0-26.64-.05L94.51 82H32a14 14 0 0 0-8.21 25.35l50.65 36.44l-19.39 59.84a13.78 13.78 0 0 0 5.09 15.64a13.77 13.77 0 0 0 16.43 0l51.43-37l51.41 37A14 14 0 0 0 201 203.63l-19.42-59.85l50.67-36.46a13.79 13.79 0 0 0 5.04-15.65M126.11 23.49a1.94 1.94 0 0 1 3.79 0l19 58.46h-41.77ZM30.85 97.61a1.86 1.86 0 0 1-.73-2.23A1.88 1.88 0 0 1 32 94h58.62l-12.26 37.8Zm38.69 112a2 2 0 0 1-3.08-2.24l18.23-56.2l33 23.77Zm19-70.42L103.24 94h49.52l14.65 45.16L128 167.51Zm100.95 68.18a2 2 0 0 1-3.1 2.22l-48.12-34.69l33-23.77Zm35.68-109.78l-47.53 34.2L165.38 94H224a1.86 1.86 0 0 1 1.9 1.39a1.83 1.83 0 0 1-.73 2.2"/></svg>
</template>

CSS

.icon-pentagram-light {
  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%22M237.29%2091.67A13.8%2013.8%200%200%200%20224%2082h-62.52l-20.15-62.13a13.93%2013.93%200%200%200-26.64-.05L94.51%2082H32a14%2014%200%200%200-8.21%2025.35l50.65%2036.44l-19.39%2059.84a13.78%2013.78%200%200%200%205.09%2015.64a13.77%2013.77%200%200%200%2016.43%200l51.43-37l51.41%2037A14%2014%200%200%200%20201%20203.63l-19.42-59.85l50.67-36.46a13.79%2013.79%200%200%200%205.04-15.65M126.11%2023.49a1.94%201.94%200%200%201%203.79%200l19%2058.46h-41.77ZM30.85%2097.61a1.86%201.86%200%200%201-.73-2.23A1.88%201.88%200%200%201%2032%2094h58.62l-12.26%2037.8Zm38.69%20112a2%202%200%200%201-3.08-2.24l18.23-56.2l33%2023.77Zm19-70.42L103.24%2094h49.52l14.65%2045.16L128%20167.51Zm100.95%2068.18a2%202%200%200%201-3.1%202.22l-48.12-34.69l33-23.77Zm35.68-109.78l-47.53%2034.2L165.38%2094H224a1.86%201.86%200%200%201%201.9%201.39a1.83%201.83%200%200%201-.73%202.2%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%22M237.29%2091.67A13.8%2013.8%200%200%200%20224%2082h-62.52l-20.15-62.13a13.93%2013.93%200%200%200-26.64-.05L94.51%2082H32a14%2014%200%200%200-8.21%2025.35l50.65%2036.44l-19.39%2059.84a13.78%2013.78%200%200%200%205.09%2015.64a13.77%2013.77%200%200%200%2016.43%200l51.43-37l51.41%2037A14%2014%200%200%200%20201%20203.63l-19.42-59.85l50.67-36.46a13.79%2013.79%200%200%200%205.04-15.65M126.11%2023.49a1.94%201.94%200%200%201%203.79%200l19%2058.46h-41.77ZM30.85%2097.61a1.86%201.86%200%200%201-.73-2.23A1.88%201.88%200%200%201%2032%2094h58.62l-12.26%2037.8Zm38.69%20112a2%202%200%200%201-3.08-2.24l18.23-56.2l33%2023.77Zm19-70.42L103.24%2094h49.52l14.65%2045.16L128%20167.51Zm100.95%2068.18a2%202%200%200%201-3.1%202.22l-48.12-34.69l33-23.77Zm35.68-109.78l-47.53%2034.2L165.38%2094H224a1.86%201.86%200%200%201%201.9%201.39a1.83%201.83%200%200%201-.73%202.2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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