polygon icon
polygon from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- polygon
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Use the polygon icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M2 14.015v-4.03c0-1.226 0-1.84.228-2.39c.229-.552.662-.985 1.53-1.852l1.985-1.986c.867-.867 1.3-1.3 1.852-1.529C8.145 2 8.759 2 9.985 2h4.03c1.226 0 1.84 0 2.39.228c.552.229.985.662 1.852 1.53l1.986 1.985c.867.867 1.3 1.3 1.529 1.852c.228.55.228 1.164.228 2.39v4.03c0 1.226 0 1.84-.228 2.39c-.229.552-.662.985-1.53 1.852l-1.985 1.986c-.867.867-1.3 1.3-1.852 1.529c-.55.228-1.164.228-2.39.228h-4.03c-1.226 0-1.84 0-2.39-.228c-.552-.229-.985-.662-1.852-1.53l-1.986-1.985c-.867-.867-1.3-1.3-1.529-1.852C2 15.855 2 15.241 2 14.015Z"/></svg>
React
import type { SVGProps } from "react";
export function HugeiconsPolygon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeWidth="1.5" d="M2 14.015v-4.03c0-1.226 0-1.84.228-2.39c.229-.552.662-.985 1.53-1.852l1.985-1.986c.867-.867 1.3-1.3 1.852-1.529C8.145 2 8.759 2 9.985 2h4.03c1.226 0 1.84 0 2.39.228c.552.229.985.662 1.852 1.53l1.986 1.985c.867.867 1.3 1.3 1.529 1.852c.228.55.228 1.164.228 2.39v4.03c0 1.226 0 1.84-.228 2.39c-.229.552-.662.985-1.53 1.852l-1.985 1.986c-.867.867-1.3 1.3-1.852 1.529c-.55.228-1.164.228-2.39.228h-4.03c-1.226 0-1.84 0-2.39-.228c-.552-.229-.985-.662-1.852-1.53l-1.986-1.985c-.867-.867-1.3-1.3-1.529-1.852C2 15.855 2 15.241 2 14.015Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5" d="M2 14.015v-4.03c0-1.226 0-1.84.228-2.39c.229-.552.662-.985 1.53-1.852l1.985-1.986c.867-.867 1.3-1.3 1.852-1.529C8.145 2 8.759 2 9.985 2h4.03c1.226 0 1.84 0 2.39.228c.552.229.985.662 1.852 1.53l1.986 1.985c.867.867 1.3 1.3 1.529 1.852c.228.55.228 1.164.228 2.39v4.03c0 1.226 0 1.84-.228 2.39c-.229.552-.662.985-1.53 1.852l-1.985 1.986c-.867.867-1.3 1.3-1.852 1.529c-.55.228-1.164.228-2.39.228h-4.03c-1.226 0-1.84 0-2.39-.228c-.552-.229-.985-.662-1.852-1.53l-1.986-1.985c-.867-.867-1.3-1.3-1.529-1.852C2 15.855 2 15.241 2 14.015Z"/></svg> </template>
CSS
.icon-polygon {
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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M2%2014.015v-4.03c0-1.226%200-1.84.228-2.39c.229-.552.662-.985%201.53-1.852l1.985-1.986c.867-.867%201.3-1.3%201.852-1.529C8.145%202%208.759%202%209.985%202h4.03c1.226%200%201.84%200%202.39.228c.552.229.985.662%201.852%201.53l1.986%201.985c.867.867%201.3%201.3%201.529%201.852c.228.55.228%201.164.228%202.39v4.03c0%201.226%200%201.84-.228%202.39c-.229.552-.662.985-1.53%201.852l-1.985%201.986c-.867.867-1.3%201.3-1.852%201.529c-.55.228-1.164.228-2.39.228h-4.03c-1.226%200-1.84%200-2.39-.228c-.552-.229-.985-.662-1.852-1.53l-1.986-1.985c-.867-.867-1.3-1.3-1.529-1.852C2%2015.855%202%2015.241%202%2014.015Z%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%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M2%2014.015v-4.03c0-1.226%200-1.84.228-2.39c.229-.552.662-.985%201.53-1.852l1.985-1.986c.867-.867%201.3-1.3%201.852-1.529C8.145%202%208.759%202%209.985%202h4.03c1.226%200%201.84%200%202.39.228c.552.229.985.662%201.852%201.53l1.986%201.985c.867.867%201.3%201.3%201.529%201.852c.228.55.228%201.164.228%202.39v4.03c0%201.226%200%201.84-.228%202.39c-.229.552-.662.985-1.53%201.852l-1.985%201.986c-.867.867-1.3%201.3-1.852%201.529c-.55.228-1.164.228-2.39.228h-4.03c-1.226%200-1.84%200-2.39-.228c-.552-.229-.985-.662-1.852-1.53l-1.986-1.985c-.867-.867-1.3-1.3-1.529-1.852C2%2015.855%202%2015.241%202%2014.015Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/polygon.svg?color=%231a73e8&size=48
