group detail icon
group-detail-outlined from WeUI Icon by WeUI · Outlined · MIT Free for personal and commercial use.
- Name
- group-detail-outlined
- Set
- WeUI Icon
- Style
- Outlined
- Viewbox
- 24×24
- License
- MIT
Related icons in WeUI Icon
Use the group detail icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M2.2 19.8h16.6v-.485c0-.229-.235-.605-.44-.705l-5.66-2.76c-1.527-.745-1.904-2.546-.81-3.843l.36-.428c.552-.654 1.05-2.014 1.05-2.868V7c0-1.545-1.254-2.8-2.8-2.8A2.803 2.803 0 0 0 7.7 7v1.71c0 .856.496 2.21 1.05 2.866l.36.429c1.097 1.299.715 3.099-.81 3.843L2.64 18.61c-.203.099-.44.479-.44.705zM13.496 4.35A3.4 3.4 0 0 1 15 4c1.86 0 3.368 1.494 3.368 3.334v1.424c0 .95-.504 2.311-1.121 3.035l-.305.357c-.496.582-.341 1.324.353 1.659l4.767 2.3c.518.25.938.912.938 1.487v.572a.84.84 0 0 1-.843.832h-2.19q.033.16.033.315v.687a1 1 0 0 1-1.001.998H2a1 1 0 0 1-1-.998v-.687c0-.685.498-1.483 1.114-1.784l5.66-2.762c.821-.4 1.012-1.288.42-1.99l-.362-.429C7.096 11.478 6.5 9.85 6.5 8.71V7c0-2.21 1.795-4 4-4a4 4 0 0 1 2.996 1.35m.657 1.02A4 4 0 0 1 14.5 7v1.71c0 1.14-.6 2.773-1.332 3.642l-.361.428c-.59.699-.406 1.588.419 1.99l5.66 2.762c.137.067.27.158.39.268H21.8v-.204c0-.111-.154-.354-.26-.406l-4.766-2.3c-1.401-.677-1.752-2.336-.745-3.518l.305-.358c.433-.508.834-1.593.834-2.256V7.334C17.168 6.159 16.2 5.2 15 5.2c-.3 0-.587.06-.847.17"/></svg>
React
import type { SVGProps } from "react";
export function WeuiGroupDetailOutlined(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" fillRule="evenodd" d="M2.2 19.8h16.6v-.485c0-.229-.235-.605-.44-.705l-5.66-2.76c-1.527-.745-1.904-2.546-.81-3.843l.36-.428c.552-.654 1.05-2.014 1.05-2.868V7c0-1.545-1.254-2.8-2.8-2.8A2.803 2.803 0 0 0 7.7 7v1.71c0 .856.496 2.21 1.05 2.866l.36.429c1.097 1.299.715 3.099-.81 3.843L2.64 18.61c-.203.099-.44.479-.44.705zM13.496 4.35A3.4 3.4 0 0 1 15 4c1.86 0 3.368 1.494 3.368 3.334v1.424c0 .95-.504 2.311-1.121 3.035l-.305.357c-.496.582-.341 1.324.353 1.659l4.767 2.3c.518.25.938.912.938 1.487v.572a.84.84 0 0 1-.843.832h-2.19q.033.16.033.315v.687a1 1 0 0 1-1.001.998H2a1 1 0 0 1-1-.998v-.687c0-.685.498-1.483 1.114-1.784l5.66-2.762c.821-.4 1.012-1.288.42-1.99l-.362-.429C7.096 11.478 6.5 9.85 6.5 8.71V7c0-2.21 1.795-4 4-4a4 4 0 0 1 2.996 1.35m.657 1.02A4 4 0 0 1 14.5 7v1.71c0 1.14-.6 2.773-1.332 3.642l-.361.428c-.59.699-.406 1.588.419 1.99l5.66 2.762c.137.067.27.158.39.268H21.8v-.204c0-.111-.154-.354-.26-.406l-4.766-2.3c-1.401-.677-1.752-2.336-.745-3.518l.305-.358c.433-.508.834-1.593.834-2.256V7.334C17.168 6.159 16.2 5.2 15 5.2c-.3 0-.587.06-.847.17"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M2.2 19.8h16.6v-.485c0-.229-.235-.605-.44-.705l-5.66-2.76c-1.527-.745-1.904-2.546-.81-3.843l.36-.428c.552-.654 1.05-2.014 1.05-2.868V7c0-1.545-1.254-2.8-2.8-2.8A2.803 2.803 0 0 0 7.7 7v1.71c0 .856.496 2.21 1.05 2.866l.36.429c1.097 1.299.715 3.099-.81 3.843L2.64 18.61c-.203.099-.44.479-.44.705zM13.496 4.35A3.4 3.4 0 0 1 15 4c1.86 0 3.368 1.494 3.368 3.334v1.424c0 .95-.504 2.311-1.121 3.035l-.305.357c-.496.582-.341 1.324.353 1.659l4.767 2.3c.518.25.938.912.938 1.487v.572a.84.84 0 0 1-.843.832h-2.19q.033.16.033.315v.687a1 1 0 0 1-1.001.998H2a1 1 0 0 1-1-.998v-.687c0-.685.498-1.483 1.114-1.784l5.66-2.762c.821-.4 1.012-1.288.42-1.99l-.362-.429C7.096 11.478 6.5 9.85 6.5 8.71V7c0-2.21 1.795-4 4-4a4 4 0 0 1 2.996 1.35m.657 1.02A4 4 0 0 1 14.5 7v1.71c0 1.14-.6 2.773-1.332 3.642l-.361.428c-.59.699-.406 1.588.419 1.99l5.66 2.762c.137.067.27.158.39.268H21.8v-.204c0-.111-.154-.354-.26-.406l-4.766-2.3c-1.401-.677-1.752-2.336-.745-3.518l.305-.358c.433-.508.834-1.593.834-2.256V7.334C17.168 6.159 16.2 5.2 15 5.2c-.3 0-.587.06-.847.17"/></svg> </template>
CSS
.icon-group-detail-outlined {
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%20fill-rule%3D%22evenodd%22%20d%3D%22M2.2%2019.8h16.6v-.485c0-.229-.235-.605-.44-.705l-5.66-2.76c-1.527-.745-1.904-2.546-.81-3.843l.36-.428c.552-.654%201.05-2.014%201.05-2.868V7c0-1.545-1.254-2.8-2.8-2.8A2.803%202.803%200%200%200%207.7%207v1.71c0%20.856.496%202.21%201.05%202.866l.36.429c1.097%201.299.715%203.099-.81%203.843L2.64%2018.61c-.203.099-.44.479-.44.705zM13.496%204.35A3.4%203.4%200%200%201%2015%204c1.86%200%203.368%201.494%203.368%203.334v1.424c0%20.95-.504%202.311-1.121%203.035l-.305.357c-.496.582-.341%201.324.353%201.659l4.767%202.3c.518.25.938.912.938%201.487v.572a.84.84%200%200%201-.843.832h-2.19q.033.16.033.315v.687a1%201%200%200%201-1.001.998H2a1%201%200%200%201-1-.998v-.687c0-.685.498-1.483%201.114-1.784l5.66-2.762c.821-.4%201.012-1.288.42-1.99l-.362-.429C7.096%2011.478%206.5%209.85%206.5%208.71V7c0-2.21%201.795-4%204-4a4%204%200%200%201%202.996%201.35m.657%201.02A4%204%200%200%201%2014.5%207v1.71c0%201.14-.6%202.773-1.332%203.642l-.361.428c-.59.699-.406%201.588.419%201.99l5.66%202.762c.137.067.27.158.39.268H21.8v-.204c0-.111-.154-.354-.26-.406l-4.766-2.3c-1.401-.677-1.752-2.336-.745-3.518l.305-.358c.433-.508.834-1.593.834-2.256V7.334C17.168%206.159%2016.2%205.2%2015%205.2c-.3%200-.587.06-.847.17%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%20fill-rule%3D%22evenodd%22%20d%3D%22M2.2%2019.8h16.6v-.485c0-.229-.235-.605-.44-.705l-5.66-2.76c-1.527-.745-1.904-2.546-.81-3.843l.36-.428c.552-.654%201.05-2.014%201.05-2.868V7c0-1.545-1.254-2.8-2.8-2.8A2.803%202.803%200%200%200%207.7%207v1.71c0%20.856.496%202.21%201.05%202.866l.36.429c1.097%201.299.715%203.099-.81%203.843L2.64%2018.61c-.203.099-.44.479-.44.705zM13.496%204.35A3.4%203.4%200%200%201%2015%204c1.86%200%203.368%201.494%203.368%203.334v1.424c0%20.95-.504%202.311-1.121%203.035l-.305.357c-.496.582-.341%201.324.353%201.659l4.767%202.3c.518.25.938.912.938%201.487v.572a.84.84%200%200%201-.843.832h-2.19q.033.16.033.315v.687a1%201%200%200%201-1.001.998H2a1%201%200%200%201-1-.998v-.687c0-.685.498-1.483%201.114-1.784l5.66-2.762c.821-.4%201.012-1.288.42-1.99l-.362-.429C7.096%2011.478%206.5%209.85%206.5%208.71V7c0-2.21%201.795-4%204-4a4%204%200%200%201%202.996%201.35m.657%201.02A4%204%200%200%201%2014.5%207v1.71c0%201.14-.6%202.773-1.332%203.642l-.361.428c-.59.699-.406%201.588.419%201.99l5.66%202.762c.137.067.27.158.39.268H21.8v-.204c0-.111-.154-.354-.26-.406l-4.766-2.3c-1.401-.677-1.752-2.336-.745-3.518l.305-.358c.433-.508.834-1.593.834-2.256V7.334C17.168%206.159%2016.2%205.2%2015%205.2c-.3%200-.587.06-.847.17%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/weui/group-detail-outlined.svg?color=%231a73e8&size=48
