polygon logo
polygon from Devicon by konpa · Original · MIT Free for personal and commercial use.
- Name
- polygon
- Set
- Devicon
- Style
- Original
- Viewbox
- 128×128
- License
- MIT
1 other variant in Devicon
The same logo in other sets
Use the polygon logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#fff" d="M64 0c35.348 0 64 28.652 64 64s-28.652 64-64 64S0 99.348 0 64S28.652 0 64 0m0 0"/><path fill="#7950dd" d="M85.898 49.242a5.76 5.76 0 0 0-5.418 0l-12.214 7.223l-8.532 4.742l-12.214 7.227a5.76 5.76 0 0 1-5.418 0l-9.707-5.649a5.42 5.42 0 0 1-2.711-4.52V46.989a4.97 4.97 0 0 1 2.71-4.52l9.708-5.417a5.74 5.74 0 0 1 5.418 0l9.707 5.418a5.42 5.42 0 0 1 2.71 4.52v7.218l8.329-4.965v-6.996a4.96 4.96 0 0 0-2.664-4.52l-17.86-10.382a5.74 5.74 0 0 0-5.418 0L24.266 37.727a4.61 4.61 0 0 0-2.934 4.52v20.991a4.97 4.97 0 0 0 2.711 4.496l18.059 10.407a5.76 5.76 0 0 0 5.418 0l12.214-7l8.352-4.965l12.172-6.977a5.76 5.76 0 0 1 5.418 0l9.707 5.418a5.42 5.42 0 0 1 2.707 4.52v11.062a4.97 4.97 0 0 1-2.707 4.516l-9.707 5.64a5.74 5.74 0 0 1-5.418 0l-9.707-5.418a5.42 5.42 0 0 1-2.711-4.515v-7.25l-8.106 4.738v7.219a4.97 4.97 0 0 0 2.707 4.52L80.5 100.03a5.75 5.75 0 0 0 5.422 0l18.058-10.383a5.42 5.42 0 0 0 2.688-4.511v-21a4.96 4.96 0 0 0-2.711-4.516zm0 0"/></svg>
React
import type { SVGProps } from "react";
export function DeviconPolygon(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#fff" d="M64 0c35.348 0 64 28.652 64 64s-28.652 64-64 64S0 99.348 0 64S28.652 0 64 0m0 0"/><path fill="#7950dd" d="M85.898 49.242a5.76 5.76 0 0 0-5.418 0l-12.214 7.223l-8.532 4.742l-12.214 7.227a5.76 5.76 0 0 1-5.418 0l-9.707-5.649a5.42 5.42 0 0 1-2.711-4.52V46.989a4.97 4.97 0 0 1 2.71-4.52l9.708-5.417a5.74 5.74 0 0 1 5.418 0l9.707 5.418a5.42 5.42 0 0 1 2.71 4.52v7.218l8.329-4.965v-6.996a4.96 4.96 0 0 0-2.664-4.52l-17.86-10.382a5.74 5.74 0 0 0-5.418 0L24.266 37.727a4.61 4.61 0 0 0-2.934 4.52v20.991a4.97 4.97 0 0 0 2.711 4.496l18.059 10.407a5.76 5.76 0 0 0 5.418 0l12.214-7l8.352-4.965l12.172-6.977a5.76 5.76 0 0 1 5.418 0l9.707 5.418a5.42 5.42 0 0 1 2.707 4.52v11.062a4.97 4.97 0 0 1-2.707 4.516l-9.707 5.64a5.74 5.74 0 0 1-5.418 0l-9.707-5.418a5.42 5.42 0 0 1-2.711-4.515v-7.25l-8.106 4.738v7.219a4.97 4.97 0 0 0 2.707 4.52L80.5 100.03a5.75 5.75 0 0 0 5.422 0l18.058-10.383a5.42 5.42 0 0 0 2.688-4.511v-21a4.96 4.96 0 0 0-2.711-4.516zm0 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#fff" d="M64 0c35.348 0 64 28.652 64 64s-28.652 64-64 64S0 99.348 0 64S28.652 0 64 0m0 0"/><path fill="#7950dd" d="M85.898 49.242a5.76 5.76 0 0 0-5.418 0l-12.214 7.223l-8.532 4.742l-12.214 7.227a5.76 5.76 0 0 1-5.418 0l-9.707-5.649a5.42 5.42 0 0 1-2.711-4.52V46.989a4.97 4.97 0 0 1 2.71-4.52l9.708-5.417a5.74 5.74 0 0 1 5.418 0l9.707 5.418a5.42 5.42 0 0 1 2.71 4.52v7.218l8.329-4.965v-6.996a4.96 4.96 0 0 0-2.664-4.52l-17.86-10.382a5.74 5.74 0 0 0-5.418 0L24.266 37.727a4.61 4.61 0 0 0-2.934 4.52v20.991a4.97 4.97 0 0 0 2.711 4.496l18.059 10.407a5.76 5.76 0 0 0 5.418 0l12.214-7l8.352-4.965l12.172-6.977a5.76 5.76 0 0 1 5.418 0l9.707 5.418a5.42 5.42 0 0 1 2.707 4.52v11.062a4.97 4.97 0 0 1-2.707 4.516l-9.707 5.64a5.74 5.74 0 0 1-5.418 0l-9.707-5.418a5.42 5.42 0 0 1-2.711-4.515v-7.25l-8.106 4.738v7.219a4.97 4.97 0 0 0 2.707 4.52L80.5 100.03a5.75 5.75 0 0 0 5.422 0l18.058-10.383a5.42 5.42 0 0 0 2.688-4.511v-21a4.96 4.96 0 0 0-2.711-4.516zm0 0"/></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%20128%20128%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M64%200c35.348%200%2064%2028.652%2064%2064s-28.652%2064-64%2064S0%2099.348%200%2064S28.652%200%2064%200m0%200%22%2F%3E%3Cpath%20fill%3D%22%237950dd%22%20d%3D%22M85.898%2049.242a5.76%205.76%200%200%200-5.418%200l-12.214%207.223l-8.532%204.742l-12.214%207.227a5.76%205.76%200%200%201-5.418%200l-9.707-5.649a5.42%205.42%200%200%201-2.711-4.52V46.989a4.97%204.97%200%200%201%202.71-4.52l9.708-5.417a5.74%205.74%200%200%201%205.418%200l9.707%205.418a5.42%205.42%200%200%201%202.71%204.52v7.218l8.329-4.965v-6.996a4.96%204.96%200%200%200-2.664-4.52l-17.86-10.382a5.74%205.74%200%200%200-5.418%200L24.266%2037.727a4.61%204.61%200%200%200-2.934%204.52v20.991a4.97%204.97%200%200%200%202.711%204.496l18.059%2010.407a5.76%205.76%200%200%200%205.418%200l12.214-7l8.352-4.965l12.172-6.977a5.76%205.76%200%200%201%205.418%200l9.707%205.418a5.42%205.42%200%200%201%202.707%204.52v11.062a4.97%204.97%200%200%201-2.707%204.516l-9.707%205.64a5.74%205.74%200%200%201-5.418%200l-9.707-5.418a5.42%205.42%200%200%201-2.711-4.515v-7.25l-8.106%204.738v7.219a4.97%204.97%200%200%200%202.707%204.52L80.5%20100.03a5.75%205.75%200%200%200%205.422%200l18.058-10.383a5.42%205.42%200%200%200%202.688-4.511v-21a4.96%204.96%200%200%200-2.711-4.516zm0%200%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%20128%20128%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M64%200c35.348%200%2064%2028.652%2064%2064s-28.652%2064-64%2064S0%2099.348%200%2064S28.652%200%2064%200m0%200%22%2F%3E%3Cpath%20fill%3D%22%237950dd%22%20d%3D%22M85.898%2049.242a5.76%205.76%200%200%200-5.418%200l-12.214%207.223l-8.532%204.742l-12.214%207.227a5.76%205.76%200%200%201-5.418%200l-9.707-5.649a5.42%205.42%200%200%201-2.711-4.52V46.989a4.97%204.97%200%200%201%202.71-4.52l9.708-5.417a5.74%205.74%200%200%201%205.418%200l9.707%205.418a5.42%205.42%200%200%201%202.71%204.52v7.218l8.329-4.965v-6.996a4.96%204.96%200%200%200-2.664-4.52l-17.86-10.382a5.74%205.74%200%200%200-5.418%200L24.266%2037.727a4.61%204.61%200%200%200-2.934%204.52v20.991a4.97%204.97%200%200%200%202.711%204.496l18.059%2010.407a5.76%205.76%200%200%200%205.418%200l12.214-7l8.352-4.965l12.172-6.977a5.76%205.76%200%200%201%205.418%200l9.707%205.418a5.42%205.42%200%200%201%202.707%204.52v11.062a4.97%204.97%200%200%201-2.707%204.516l-9.707%205.64a5.74%205.74%200%200%201-5.418%200l-9.707-5.418a5.42%205.42%200%200%201-2.711-4.515v-7.25l-8.106%204.738v7.219a4.97%204.97%200%200%200%202.707%204.52L80.5%20100.03a5.75%205.75%200%200%200%205.422%200l18.058-10.383a5.42%205.42%200%200%200%202.688-4.511v-21a4.96%204.96%200%200%200-2.711-4.516zm0%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/devicon/polygon.svg?color=%231a73e8&size=48
