plangrid logo
plangrid from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.
- Name
- plangrid
- Set
- CoreUI Brands
- Style
- Brand
- Viewbox
- 32×32
- License
- CC0 1.0
The same logo in other sets
Use the plangrid logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M22.136 0c3.463 0 5.681.011 7.771 2.099C31.984 4.188 32 6.391 32 9.87v12.267c0 3.463-.016 5.681-2.099 7.771c-2.089 2.083-4.292 2.093-7.771 2.093H9.863c-3.463 0-5.681-.011-7.771-2.099C.015 27.813-.001 25.61-.001 22.131V9.864c0-3.463.016-5.681 2.099-7.771C4.187.016 6.39 0 9.863 0zm5.859 14.869C27.427 8.77 22.246 4.005 16 4.005C9.369 4.005 4 9.369 4 16c0 6.401 5.005 11.645 11.312 12h9.516A3.18 3.18 0 0 0 28 24.823v-9.959zm-3.042 11.448a1.36 1.36 0 0 1-1.365-1.364c0-.756.609-1.365 1.365-1.365a1.366 1.366 0 0 1 0 2.729M16 25.265A9.275 9.275 0 0 1 6.735 16A9.275 9.275 0 0 1 16 6.735A9.275 9.275 0 0 1 25.265 16A9.275 9.275 0 0 1 16 25.265"/></svg>
React
import type { SVGProps } from "react";
export function CibPlangrid(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M22.136 0c3.463 0 5.681.011 7.771 2.099C31.984 4.188 32 6.391 32 9.87v12.267c0 3.463-.016 5.681-2.099 7.771c-2.089 2.083-4.292 2.093-7.771 2.093H9.863c-3.463 0-5.681-.011-7.771-2.099C.015 27.813-.001 25.61-.001 22.131V9.864c0-3.463.016-5.681 2.099-7.771C4.187.016 6.39 0 9.863 0zm5.859 14.869C27.427 8.77 22.246 4.005 16 4.005C9.369 4.005 4 9.369 4 16c0 6.401 5.005 11.645 11.312 12h9.516A3.18 3.18 0 0 0 28 24.823v-9.959zm-3.042 11.448a1.36 1.36 0 0 1-1.365-1.364c0-.756.609-1.365 1.365-1.365a1.366 1.366 0 0 1 0 2.729M16 25.265A9.275 9.275 0 0 1 6.735 16A9.275 9.275 0 0 1 16 6.735A9.275 9.275 0 0 1 25.265 16A9.275 9.275 0 0 1 16 25.265"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M22.136 0c3.463 0 5.681.011 7.771 2.099C31.984 4.188 32 6.391 32 9.87v12.267c0 3.463-.016 5.681-2.099 7.771c-2.089 2.083-4.292 2.093-7.771 2.093H9.863c-3.463 0-5.681-.011-7.771-2.099C.015 27.813-.001 25.61-.001 22.131V9.864c0-3.463.016-5.681 2.099-7.771C4.187.016 6.39 0 9.863 0zm5.859 14.869C27.427 8.77 22.246 4.005 16 4.005C9.369 4.005 4 9.369 4 16c0 6.401 5.005 11.645 11.312 12h9.516A3.18 3.18 0 0 0 28 24.823v-9.959zm-3.042 11.448a1.36 1.36 0 0 1-1.365-1.364c0-.756.609-1.365 1.365-1.365a1.366 1.366 0 0 1 0 2.729M16 25.265A9.275 9.275 0 0 1 6.735 16A9.275 9.275 0 0 1 16 6.735A9.275 9.275 0 0 1 25.265 16A9.275 9.275 0 0 1 16 25.265"/></svg> </template>
CSS
.icon-plangrid {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M22.136%200c3.463%200%205.681.011%207.771%202.099C31.984%204.188%2032%206.391%2032%209.87v12.267c0%203.463-.016%205.681-2.099%207.771c-2.089%202.083-4.292%202.093-7.771%202.093H9.863c-3.463%200-5.681-.011-7.771-2.099C.015%2027.813-.001%2025.61-.001%2022.131V9.864c0-3.463.016-5.681%202.099-7.771C4.187.016%206.39%200%209.863%200zm5.859%2014.869C27.427%208.77%2022.246%204.005%2016%204.005C9.369%204.005%204%209.369%204%2016c0%206.401%205.005%2011.645%2011.312%2012h9.516A3.18%203.18%200%200%200%2028%2024.823v-9.959zm-3.042%2011.448a1.36%201.36%200%200%201-1.365-1.364c0-.756.609-1.365%201.365-1.365a1.366%201.366%200%200%201%200%202.729M16%2025.265A9.275%209.275%200%200%201%206.735%2016A9.275%209.275%200%200%201%2016%206.735A9.275%209.275%200%200%201%2025.265%2016A9.275%209.275%200%200%201%2016%2025.265%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M22.136%200c3.463%200%205.681.011%207.771%202.099C31.984%204.188%2032%206.391%2032%209.87v12.267c0%203.463-.016%205.681-2.099%207.771c-2.089%202.083-4.292%202.093-7.771%202.093H9.863c-3.463%200-5.681-.011-7.771-2.099C.015%2027.813-.001%2025.61-.001%2022.131V9.864c0-3.463.016-5.681%202.099-7.771C4.187.016%206.39%200%209.863%200zm5.859%2014.869C27.427%208.77%2022.246%204.005%2016%204.005C9.369%204.005%204%209.369%204%2016c0%206.401%205.005%2011.645%2011.312%2012h9.516A3.18%203.18%200%200%200%2028%2024.823v-9.959zm-3.042%2011.448a1.36%201.36%200%200%201-1.365-1.364c0-.756.609-1.365%201.365-1.365a1.366%201.366%200%200%201%200%202.729M16%2025.265A9.275%209.275%200%200%201%206.735%2016A9.275%209.275%200%200%201%2016%206.735A9.275%209.275%200%200%201%2025.265%2016A9.275%209.275%200%200%201%2016%2025.265%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/cib/plangrid.svg?color=%231a73e8&size=48
