polygon icon

polygon-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.

Name: polygon-fill
Set: MingCute Icon
Style: Fill
Viewbox: 24×24
License: Apache 2.0

1 other variant in MingCute Icon

The same icon in other sets

polygonBoxIcons v2 polygonBoxIcons v2 Solid polygonDevicon polygonHealth Icons polygonHuge Icons polygonPhosphor polygonSimple Icons polygonTabler Icons polygonWeb3 Icons polygonWeb3 Icons Branded polygonUnicons polygonUnicons Monochrome polygonUnicons Solid

Use the polygon icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.907 3.908a1.25 1.25 0 0 1 2.186 0L11 7.341V6a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2h-2.209a5.5 5.5 0 1 1-10.583 0H3.425a1.25 1.25 0 0 1-1.093-1.857z"/></svg>

React

import type { SVGProps } from "react";

export function MingcutePolygonFill(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="M6.907 3.908a1.25 1.25 0 0 1 2.186 0L11 7.341V6a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2h-2.209a5.5 5.5 0 1 1-10.583 0H3.425a1.25 1.25 0 0 1-1.093-1.857z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6.907 3.908a1.25 1.25 0 0 1 2.186 0L11 7.341V6a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v6a2 2 0 0 1-2 2h-2.209a5.5 5.5 0 1 1-10.583 0H3.425a1.25 1.25 0 0 1-1.093-1.857z"/></svg>
</template>

CSS

.icon-polygon-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%22M6.907%203.908a1.25%201.25%200%200%201%202.186%200L11%207.341V6a2%202%200%200%201%202-2h6a2%202%200%200%201%202%202v6a2%202%200%200%201-2%202h-2.209a5.5%205.5%200%201%201-10.583%200H3.425a1.25%201.25%200%200%201-1.093-1.857z%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%22M6.907%203.908a1.25%201.25%200%200%201%202.186%200L11%207.341V6a2%202%200%200%201%202-2h6a2%202%200%200%201%202%202v6a2%202%200%200%201-2%202h-2.209a5.5%205.5%200%201%201-10.583%200H3.425a1.25%201.25%200%200%201-1.093-1.857z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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