shape polygon icon
shape-polygon from BoxIcons v2 by Boxicons · Regular · MIT Free for personal and commercial use.
- Name
- shape-polygon
- Set
- BoxIcons v2
- Style
- Regular
- Viewbox
- 24×24
- License
- MIT
- Aliases
- bx-shape-polygon
Related icons in BoxIcons v2
Use the shape polygon icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20 14.185v-2.369A3 3 0 0 0 22 9c0-1.654-1.346-3-3-3a3 3 0 0 0-2.116.876L12.969 5.31c.01-.103.031-.204.031-.31c0-1.654-1.346-3-3-3S7 3.346 7 5c0 .762.295 1.451.765 1.981L6.091 9.212A3 3 0 0 0 5 9c-1.654 0-3 1.346-3 3s1.346 3 3 3c.159 0 .313-.023.465-.047L7.4 17.532c-.248.436-.4.932-.4 1.468c0 1.654 1.346 3 3 3a2.99 2.99 0 0 0 2.863-2.153l3.962-.792A3 3 0 0 0 19 20c1.654 0 3-1.346 3-3a2.995 2.995 0 0 0-2-2.815M19 8a1.001 1.001 0 1 1-1 1c0-.551.448-1 1-1m-9-4a1.001 1.001 0 1 1-1 1c0-.551.448-1 1-1m-6 8a1.001 1.001 0 1 1 1 1c-.552 0-1-.449-1-1m6 8a1 1 0 1 1 0-2a1 1 0 0 1 0 2m2.761-2.172A3 3 0 0 0 10 16c-.386 0-.752.079-1.091.213l-1.674-2.231C7.705 13.451 8 12.762 8 12c0-.536-.152-1.032-.399-1.467l1.935-2.58c.152.024.305.047.464.047a3 3 0 0 0 2.116-.876l3.915 1.566c-.01.103-.031.204-.031.31c0 1.302.839 2.401 2 2.815v2.369a3 3 0 0 0-2 2.815c0 .061.015.117.018.177zM19 18a1 1 0 1 1 0-2a1 1 0 0 1 0 2"/></svg>
React
import type { SVGProps } from "react";
export function BxShapePolygon(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="M20 14.185v-2.369A3 3 0 0 0 22 9c0-1.654-1.346-3-3-3a3 3 0 0 0-2.116.876L12.969 5.31c.01-.103.031-.204.031-.31c0-1.654-1.346-3-3-3S7 3.346 7 5c0 .762.295 1.451.765 1.981L6.091 9.212A3 3 0 0 0 5 9c-1.654 0-3 1.346-3 3s1.346 3 3 3c.159 0 .313-.023.465-.047L7.4 17.532c-.248.436-.4.932-.4 1.468c0 1.654 1.346 3 3 3a2.99 2.99 0 0 0 2.863-2.153l3.962-.792A3 3 0 0 0 19 20c1.654 0 3-1.346 3-3a2.995 2.995 0 0 0-2-2.815M19 8a1.001 1.001 0 1 1-1 1c0-.551.448-1 1-1m-9-4a1.001 1.001 0 1 1-1 1c0-.551.448-1 1-1m-6 8a1.001 1.001 0 1 1 1 1c-.552 0-1-.449-1-1m6 8a1 1 0 1 1 0-2a1 1 0 0 1 0 2m2.761-2.172A3 3 0 0 0 10 16c-.386 0-.752.079-1.091.213l-1.674-2.231C7.705 13.451 8 12.762 8 12c0-.536-.152-1.032-.399-1.467l1.935-2.58c.152.024.305.047.464.047a3 3 0 0 0 2.116-.876l3.915 1.566c-.01.103-.031.204-.031.31c0 1.302.839 2.401 2 2.815v2.369a3 3 0 0 0-2 2.815c0 .061.015.117.018.177zM19 18a1 1 0 1 1 0-2a1 1 0 0 1 0 2"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20 14.185v-2.369A3 3 0 0 0 22 9c0-1.654-1.346-3-3-3a3 3 0 0 0-2.116.876L12.969 5.31c.01-.103.031-.204.031-.31c0-1.654-1.346-3-3-3S7 3.346 7 5c0 .762.295 1.451.765 1.981L6.091 9.212A3 3 0 0 0 5 9c-1.654 0-3 1.346-3 3s1.346 3 3 3c.159 0 .313-.023.465-.047L7.4 17.532c-.248.436-.4.932-.4 1.468c0 1.654 1.346 3 3 3a2.99 2.99 0 0 0 2.863-2.153l3.962-.792A3 3 0 0 0 19 20c1.654 0 3-1.346 3-3a2.995 2.995 0 0 0-2-2.815M19 8a1.001 1.001 0 1 1-1 1c0-.551.448-1 1-1m-9-4a1.001 1.001 0 1 1-1 1c0-.551.448-1 1-1m-6 8a1.001 1.001 0 1 1 1 1c-.552 0-1-.449-1-1m6 8a1 1 0 1 1 0-2a1 1 0 0 1 0 2m2.761-2.172A3 3 0 0 0 10 16c-.386 0-.752.079-1.091.213l-1.674-2.231C7.705 13.451 8 12.762 8 12c0-.536-.152-1.032-.399-1.467l1.935-2.58c.152.024.305.047.464.047a3 3 0 0 0 2.116-.876l3.915 1.566c-.01.103-.031.204-.031.31c0 1.302.839 2.401 2 2.815v2.369a3 3 0 0 0-2 2.815c0 .061.015.117.018.177zM19 18a1 1 0 1 1 0-2a1 1 0 0 1 0 2"/></svg> </template>
CSS
.icon-shape-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%22currentColor%22%20d%3D%22M20%2014.185v-2.369A3%203%200%200%200%2022%209c0-1.654-1.346-3-3-3a3%203%200%200%200-2.116.876L12.969%205.31c.01-.103.031-.204.031-.31c0-1.654-1.346-3-3-3S7%203.346%207%205c0%20.762.295%201.451.765%201.981L6.091%209.212A3%203%200%200%200%205%209c-1.654%200-3%201.346-3%203s1.346%203%203%203c.159%200%20.313-.023.465-.047L7.4%2017.532c-.248.436-.4.932-.4%201.468c0%201.654%201.346%203%203%203a2.99%202.99%200%200%200%202.863-2.153l3.962-.792A3%203%200%200%200%2019%2020c1.654%200%203-1.346%203-3a2.995%202.995%200%200%200-2-2.815M19%208a1.001%201.001%200%201%201-1%201c0-.551.448-1%201-1m-9-4a1.001%201.001%200%201%201-1%201c0-.551.448-1%201-1m-6%208a1.001%201.001%200%201%201%201%201c-.552%200-1-.449-1-1m6%208a1%201%200%201%201%200-2a1%201%200%200%201%200%202m2.761-2.172A3%203%200%200%200%2010%2016c-.386%200-.752.079-1.091.213l-1.674-2.231C7.705%2013.451%208%2012.762%208%2012c0-.536-.152-1.032-.399-1.467l1.935-2.58c.152.024.305.047.464.047a3%203%200%200%200%202.116-.876l3.915%201.566c-.01.103-.031.204-.031.31c0%201.302.839%202.401%202%202.815v2.369a3%203%200%200%200-2%202.815c0%20.061.015.117.018.177zM19%2018a1%201%200%201%201%200-2a1%201%200%200%201%200%202%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%22M20%2014.185v-2.369A3%203%200%200%200%2022%209c0-1.654-1.346-3-3-3a3%203%200%200%200-2.116.876L12.969%205.31c.01-.103.031-.204.031-.31c0-1.654-1.346-3-3-3S7%203.346%207%205c0%20.762.295%201.451.765%201.981L6.091%209.212A3%203%200%200%200%205%209c-1.654%200-3%201.346-3%203s1.346%203%203%203c.159%200%20.313-.023.465-.047L7.4%2017.532c-.248.436-.4.932-.4%201.468c0%201.654%201.346%203%203%203a2.99%202.99%200%200%200%202.863-2.153l3.962-.792A3%203%200%200%200%2019%2020c1.654%200%203-1.346%203-3a2.995%202.995%200%200%200-2-2.815M19%208a1.001%201.001%200%201%201-1%201c0-.551.448-1%201-1m-9-4a1.001%201.001%200%201%201-1%201c0-.551.448-1%201-1m-6%208a1.001%201.001%200%201%201%201%201c-.552%200-1-.449-1-1m6%208a1%201%200%201%201%200-2a1%201%200%200%201%200%202m2.761-2.172A3%203%200%200%200%2010%2016c-.386%200-.752.079-1.091.213l-1.674-2.231C7.705%2013.451%208%2012.762%208%2012c0-.536-.152-1.032-.399-1.467l1.935-2.58c.152.024.305.047.464.047a3%203%200%200%200%202.116-.876l3.915%201.566c-.01.103-.031.204-.031.31c0%201.302.839%202.401%202%202.815v2.369a3%203%200%200%200-2%202.815c0%20.061.015.117.018.177zM19%2018a1%201%200%201%201%200-2a1%201%200%200%201%200%202%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bx/shape-polygon.svg?color=%231a73e8&size=48
