hexagon multiple icon
hexagon-multiple-outline from Material Design Icons by Pictogrammers · Outline · Nature · Apache-2.0 Free for personal and commercial use.
- Name
- hexagon-multiple-outline
- Set
- Material Design Icons
- Style
- Outline
- Category
- Nature
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in Material Design Icons
More nature icons from Material Design Icons
Use the hexagon multiple icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m9.37 4l1.41 2.5L9.37 9H6.63l-1.4-2.5L6.63 4zm.88-2h-4.5c-.19 0-.36.11-.44.26L3.09 6.22L3 6.5l.09.28l2.22 3.96c.08.15.25.26.44.26h4.5c.19 0 .36-.11.44-.26l2.22-3.96l.09-.28l-.09-.28l-2.22-3.96a.5.5 0 0 0-.44-.26m8.37 7.5L20 12l-1.38 2.5h-2.74L14.5 12l1.38-2.5zm.88-2H15c-.19 0-.36.11-.44.26l-2.22 3.96l-.09.28l.09.28l2.22 3.96c.08.15.25.26.44.26h4.5c.19 0 .36-.11.44-.26l2.22-3.96l.09-.28l-.09-.28l-2.22-3.96a.5.5 0 0 0-.44-.26M9.37 15l1.41 2.5L9.37 20H6.63l-1.4-2.5l1.4-2.5zm.88-2h-4.5c-.19 0-.36.11-.44.26l-2.22 3.96l-.09.28l.09.28l2.22 3.96c.08.15.25.26.44.26h4.5c.19 0 .36-.11.44-.26l2.22-3.96l.09-.28l-.09-.28l-2.22-3.96a.5.5 0 0 0-.44-.26"/></svg>
React
import type { SVGProps } from "react";
export function MdiHexagonMultipleOutline(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="m9.37 4l1.41 2.5L9.37 9H6.63l-1.4-2.5L6.63 4zm.88-2h-4.5c-.19 0-.36.11-.44.26L3.09 6.22L3 6.5l.09.28l2.22 3.96c.08.15.25.26.44.26h4.5c.19 0 .36-.11.44-.26l2.22-3.96l.09-.28l-.09-.28l-2.22-3.96a.5.5 0 0 0-.44-.26m8.37 7.5L20 12l-1.38 2.5h-2.74L14.5 12l1.38-2.5zm.88-2H15c-.19 0-.36.11-.44.26l-2.22 3.96l-.09.28l.09.28l2.22 3.96c.08.15.25.26.44.26h4.5c.19 0 .36-.11.44-.26l2.22-3.96l.09-.28l-.09-.28l-2.22-3.96a.5.5 0 0 0-.44-.26M9.37 15l1.41 2.5L9.37 20H6.63l-1.4-2.5l1.4-2.5zm.88-2h-4.5c-.19 0-.36.11-.44.26l-2.22 3.96l-.09.28l.09.28l2.22 3.96c.08.15.25.26.44.26h4.5c.19 0 .36-.11.44-.26l2.22-3.96l.09-.28l-.09-.28l-2.22-3.96a.5.5 0 0 0-.44-.26"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m9.37 4l1.41 2.5L9.37 9H6.63l-1.4-2.5L6.63 4zm.88-2h-4.5c-.19 0-.36.11-.44.26L3.09 6.22L3 6.5l.09.28l2.22 3.96c.08.15.25.26.44.26h4.5c.19 0 .36-.11.44-.26l2.22-3.96l.09-.28l-.09-.28l-2.22-3.96a.5.5 0 0 0-.44-.26m8.37 7.5L20 12l-1.38 2.5h-2.74L14.5 12l1.38-2.5zm.88-2H15c-.19 0-.36.11-.44.26l-2.22 3.96l-.09.28l.09.28l2.22 3.96c.08.15.25.26.44.26h4.5c.19 0 .36-.11.44-.26l2.22-3.96l.09-.28l-.09-.28l-2.22-3.96a.5.5 0 0 0-.44-.26M9.37 15l1.41 2.5L9.37 20H6.63l-1.4-2.5l1.4-2.5zm.88-2h-4.5c-.19 0-.36.11-.44.26l-2.22 3.96l-.09.28l.09.28l2.22 3.96c.08.15.25.26.44.26h4.5c.19 0 .36-.11.44-.26l2.22-3.96l.09-.28l-.09-.28l-2.22-3.96a.5.5 0 0 0-.44-.26"/></svg> </template>
CSS
.icon-hexagon-multiple-outline {
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%22m9.37%204l1.41%202.5L9.37%209H6.63l-1.4-2.5L6.63%204zm.88-2h-4.5c-.19%200-.36.11-.44.26L3.09%206.22L3%206.5l.09.28l2.22%203.96c.08.15.25.26.44.26h4.5c.19%200%20.36-.11.44-.26l2.22-3.96l.09-.28l-.09-.28l-2.22-3.96a.5.5%200%200%200-.44-.26m8.37%207.5L20%2012l-1.38%202.5h-2.74L14.5%2012l1.38-2.5zm.88-2H15c-.19%200-.36.11-.44.26l-2.22%203.96l-.09.28l.09.28l2.22%203.96c.08.15.25.26.44.26h4.5c.19%200%20.36-.11.44-.26l2.22-3.96l.09-.28l-.09-.28l-2.22-3.96a.5.5%200%200%200-.44-.26M9.37%2015l1.41%202.5L9.37%2020H6.63l-1.4-2.5l1.4-2.5zm.88-2h-4.5c-.19%200-.36.11-.44.26l-2.22%203.96l-.09.28l.09.28l2.22%203.96c.08.15.25.26.44.26h4.5c.19%200%20.36-.11.44-.26l2.22-3.96l.09-.28l-.09-.28l-2.22-3.96a.5.5%200%200%200-.44-.26%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%22m9.37%204l1.41%202.5L9.37%209H6.63l-1.4-2.5L6.63%204zm.88-2h-4.5c-.19%200-.36.11-.44.26L3.09%206.22L3%206.5l.09.28l2.22%203.96c.08.15.25.26.44.26h4.5c.19%200%20.36-.11.44-.26l2.22-3.96l.09-.28l-.09-.28l-2.22-3.96a.5.5%200%200%200-.44-.26m8.37%207.5L20%2012l-1.38%202.5h-2.74L14.5%2012l1.38-2.5zm.88-2H15c-.19%200-.36.11-.44.26l-2.22%203.96l-.09.28l.09.28l2.22%203.96c.08.15.25.26.44.26h4.5c.19%200%20.36-.11.44-.26l2.22-3.96l.09-.28l-.09-.28l-2.22-3.96a.5.5%200%200%200-.44-.26M9.37%2015l1.41%202.5L9.37%2020H6.63l-1.4-2.5l1.4-2.5zm.88-2h-4.5c-.19%200-.36.11-.44.26l-2.22%203.96l-.09.28l.09.28l2.22%203.96c.08.15.25.26.44.26h4.5c.19%200%20.36-.11.44-.26l2.22-3.96l.09-.28l-.09-.28l-2.22-3.96a.5.5%200%200%200-.44-.26%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/hexagon-multiple-outline.svg?color=%231a73e8&size=48
