draw polygon icon

draw-polygon from Font Awesome 6 Solid by Dave Gandy · Regular · Design · CC-BY-4.0 Attribution required.

Name
draw-polygon
Set
Font Awesome 6 Solid
Style
Regular
Category
Design
Viewbox
448×512
License
CC BY 4.0

The same icon in other sets

draw-polygonFont Awesome Soliddraw-polygonLine Awesome

More design icons from Font Awesome 6 Solid

bezier-curveclonecropcrosshairseyeeye-droppereye-slashfillfill-driplayer-groupobject-groupobject-ungrouppalettesplotchspray-canstampswatchbookvector-square

Use the draw polygon icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M96 151.4v209.1c9.7 5.6 17.8 13.7 23.4 23.4h209.1c0-.1.1-.2.1-.3l-4.5-7.9l-32-56c-1.4.1-2.8.1-4.2.1c-35.3 0-64-28.7-64-64s28.7-64 64-64c1.4 0 2.8 0 4.2.1l32-56l4.5-7.9l-.1-.3H119.4c-5.6 9.7-13.7 17.8-23.4 23.4zM384.3 352c35.2.2 63.7 28.7 63.7 64s-28.7 64-64 64c-23.7 0-44.4-12.9-55.4-32H119.5c-11.1 19.1-31.7 32-55.4 32c-35.3 0-64-28.7-64-64c0-23.7 12.9-44.4 32-55.4V151.5C12.9 140.4 0 119.7 0 96c0-35.3 28.7-64 64-64c23.7 0 44.4 12.9 55.4 32h209.1c11.1-19.1 31.7-32 55.4-32c35.3 0 64 28.7 64 64s-28.5 63.8-63.7 64l-4.5 7.9l-32 56l-2.3 4c4.2 8.5 6.5 18 6.5 28.1s-2.3 19.6-6.5 28.1l2.3 4l32 56l4.5 7.9z"/></svg>

React

import type { SVGProps } from "react";

export function Fa6SolidDrawPolygon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M96 151.4v209.1c9.7 5.6 17.8 13.7 23.4 23.4h209.1c0-.1.1-.2.1-.3l-4.5-7.9l-32-56c-1.4.1-2.8.1-4.2.1c-35.3 0-64-28.7-64-64s28.7-64 64-64c1.4 0 2.8 0 4.2.1l32-56l4.5-7.9l-.1-.3H119.4c-5.6 9.7-13.7 17.8-23.4 23.4zM384.3 352c35.2.2 63.7 28.7 63.7 64s-28.7 64-64 64c-23.7 0-44.4-12.9-55.4-32H119.5c-11.1 19.1-31.7 32-55.4 32c-35.3 0-64-28.7-64-64c0-23.7 12.9-44.4 32-55.4V151.5C12.9 140.4 0 119.7 0 96c0-35.3 28.7-64 64-64c23.7 0 44.4 12.9 55.4 32h209.1c11.1-19.1 31.7-32 55.4-32c35.3 0 64 28.7 64 64s-28.5 63.8-63.7 64l-4.5 7.9l-32 56l-2.3 4c4.2 8.5 6.5 18 6.5 28.1s-2.3 19.6-6.5 28.1l2.3 4l32 56l4.5 7.9z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 448 512"><path fill="currentColor" d="M96 151.4v209.1c9.7 5.6 17.8 13.7 23.4 23.4h209.1c0-.1.1-.2.1-.3l-4.5-7.9l-32-56c-1.4.1-2.8.1-4.2.1c-35.3 0-64-28.7-64-64s28.7-64 64-64c1.4 0 2.8 0 4.2.1l32-56l4.5-7.9l-.1-.3H119.4c-5.6 9.7-13.7 17.8-23.4 23.4zM384.3 352c35.2.2 63.7 28.7 63.7 64s-28.7 64-64 64c-23.7 0-44.4-12.9-55.4-32H119.5c-11.1 19.1-31.7 32-55.4 32c-35.3 0-64-28.7-64-64c0-23.7 12.9-44.4 32-55.4V151.5C12.9 140.4 0 119.7 0 96c0-35.3 28.7-64 64-64c23.7 0 44.4 12.9 55.4 32h209.1c11.1-19.1 31.7-32 55.4-32c35.3 0 64 28.7 64 64s-28.5 63.8-63.7 64l-4.5 7.9l-32 56l-2.3 4c4.2 8.5 6.5 18 6.5 28.1s-2.3 19.6-6.5 28.1l2.3 4l32 56l4.5 7.9z"/></svg>
</template>

CSS

.icon-draw-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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M96%20151.4v209.1c9.7%205.6%2017.8%2013.7%2023.4%2023.4h209.1c0-.1.1-.2.1-.3l-4.5-7.9l-32-56c-1.4.1-2.8.1-4.2.1c-35.3%200-64-28.7-64-64s28.7-64%2064-64c1.4%200%202.8%200%204.2.1l32-56l4.5-7.9l-.1-.3H119.4c-5.6%209.7-13.7%2017.8-23.4%2023.4zM384.3%20352c35.2.2%2063.7%2028.7%2063.7%2064s-28.7%2064-64%2064c-23.7%200-44.4-12.9-55.4-32H119.5c-11.1%2019.1-31.7%2032-55.4%2032c-35.3%200-64-28.7-64-64c0-23.7%2012.9-44.4%2032-55.4V151.5C12.9%20140.4%200%20119.7%200%2096c0-35.3%2028.7-64%2064-64c23.7%200%2044.4%2012.9%2055.4%2032h209.1c11.1-19.1%2031.7-32%2055.4-32c35.3%200%2064%2028.7%2064%2064s-28.5%2063.8-63.7%2064l-4.5%207.9l-32%2056l-2.3%204c4.2%208.5%206.5%2018%206.5%2028.1s-2.3%2019.6-6.5%2028.1l2.3%204l32%2056l4.5%207.9z%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%20448%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M96%20151.4v209.1c9.7%205.6%2017.8%2013.7%2023.4%2023.4h209.1c0-.1.1-.2.1-.3l-4.5-7.9l-32-56c-1.4.1-2.8.1-4.2.1c-35.3%200-64-28.7-64-64s28.7-64%2064-64c1.4%200%202.8%200%204.2.1l32-56l4.5-7.9l-.1-.3H119.4c-5.6%209.7-13.7%2017.8-23.4%2023.4zM384.3%20352c35.2.2%2063.7%2028.7%2063.7%2064s-28.7%2064-64%2064c-23.7%200-44.4-12.9-55.4-32H119.5c-11.1%2019.1-31.7%2032-55.4%2032c-35.3%200-64-28.7-64-64c0-23.7%2012.9-44.4%2032-55.4V151.5C12.9%20140.4%200%20119.7%200%2096c0-35.3%2028.7-64%2064-64c23.7%200%2044.4%2012.9%2055.4%2032h209.1c11.1-19.1%2031.7-32%2055.4-32c35.3%200%2064%2028.7%2064%2064s-28.5%2063.8-63.7%2064l-4.5%207.9l-32%2056l-2.3%204c4.2%208.5%206.5%2018%206.5%2028.1s-2.3%2019.6-6.5%2028.1l2.3%204l32%2056l4.5%207.9z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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