hive icon

hive-outline from Material Symbols Light by Google · Outline · Social · Apache-2.0 Free for personal and commercial use.

Name: hive-outline
Set: Material Symbols Light
Style: Outline
Category: Social
Viewbox: 24×24
License: Apache 2.0
Aliases: hive-outline-sharp

3 other variants in Material Symbols Light

hive hive-outline-rounded hive-rounded

The same icon in other sets

hiveBoxIcons v2 hiveFont Awesome 6 Brands hiveFont Awesome Brands hiveMaterial Symbols hiveSimple Icons hiveWeb3 Icons hiveWeb3 Icons Branded

More social icons from Material Symbols Light

Use the hive icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m10.039 21.5l-1.7-3h-3.3L3.076 15l1.7-3l-1.7-3l1.961-3.5h3.3l1.7-3h3.923l1.7 3h3.3L20.924 9l-1.7 3l1.7 3l-1.961 3.5h-3.3l-1.7 3zm5.623-10h2.726l1.39-2.5l-1.388-2.5h-2.727L14.248 9zm-5 3h2.676l1.414-2.5l-1.414-2.5h-2.676L9.248 12zm0-6h2.676l1.439-2.525L13.364 3.5h-2.728L9.224 5.975zm-5.026 3h2.702L9.753 9L8.338 6.5H5.637L4.223 9zm0 6h2.702L9.753 15l-1.414-2.5H5.613L4.223 15zm5 3h2.728l1.413-2.475l-1.438-2.525h-2.677l-1.439 2.525zm5.026-3h2.701l1.414-2.5l-1.413-2.5h-2.702L14.248 15z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightHiveOutline(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="m10.039 21.5l-1.7-3h-3.3L3.076 15l1.7-3l-1.7-3l1.961-3.5h3.3l1.7-3h3.923l1.7 3h3.3L20.924 9l-1.7 3l1.7 3l-1.961 3.5h-3.3l-1.7 3zm5.623-10h2.726l1.39-2.5l-1.388-2.5h-2.727L14.248 9zm-5 3h2.676l1.414-2.5l-1.414-2.5h-2.676L9.248 12zm0-6h2.676l1.439-2.525L13.364 3.5h-2.728L9.224 5.975zm-5.026 3h2.702L9.753 9L8.338 6.5H5.637L4.223 9zm0 6h2.702L9.753 15l-1.414-2.5H5.613L4.223 15zm5 3h2.728l1.413-2.475l-1.438-2.525h-2.677l-1.439 2.525zm5.026-3h2.701l1.414-2.5l-1.413-2.5h-2.702L14.248 15z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m10.039 21.5l-1.7-3h-3.3L3.076 15l1.7-3l-1.7-3l1.961-3.5h3.3l1.7-3h3.923l1.7 3h3.3L20.924 9l-1.7 3l1.7 3l-1.961 3.5h-3.3l-1.7 3zm5.623-10h2.726l1.39-2.5l-1.388-2.5h-2.727L14.248 9zm-5 3h2.676l1.414-2.5l-1.414-2.5h-2.676L9.248 12zm0-6h2.676l1.439-2.525L13.364 3.5h-2.728L9.224 5.975zm-5.026 3h2.702L9.753 9L8.338 6.5H5.637L4.223 9zm0 6h2.702L9.753 15l-1.414-2.5H5.613L4.223 15zm5 3h2.728l1.413-2.475l-1.438-2.525h-2.677l-1.439 2.525zm5.026-3h2.701l1.414-2.5l-1.413-2.5h-2.702L14.248 15z"/></svg>
</template>

CSS

.icon-hive-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%22m10.039%2021.5l-1.7-3h-3.3L3.076%2015l1.7-3l-1.7-3l1.961-3.5h3.3l1.7-3h3.923l1.7%203h3.3L20.924%209l-1.7%203l1.7%203l-1.961%203.5h-3.3l-1.7%203zm5.623-10h2.726l1.39-2.5l-1.388-2.5h-2.727L14.248%209zm-5%203h2.676l1.414-2.5l-1.414-2.5h-2.676L9.248%2012zm0-6h2.676l1.439-2.525L13.364%203.5h-2.728L9.224%205.975zm-5.026%203h2.702L9.753%209L8.338%206.5H5.637L4.223%209zm0%206h2.702L9.753%2015l-1.414-2.5H5.613L4.223%2015zm5%203h2.728l1.413-2.475l-1.438-2.525h-2.677l-1.439%202.525zm5.026-3h2.701l1.414-2.5l-1.413-2.5h-2.702L14.248%2015z%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%22m10.039%2021.5l-1.7-3h-3.3L3.076%2015l1.7-3l-1.7-3l1.961-3.5h3.3l1.7-3h3.923l1.7%203h3.3L20.924%209l-1.7%203l1.7%203l-1.961%203.5h-3.3l-1.7%203zm5.623-10h2.726l1.39-2.5l-1.388-2.5h-2.727L14.248%209zm-5%203h2.676l1.414-2.5l-1.414-2.5h-2.676L9.248%2012zm0-6h2.676l1.439-2.525L13.364%203.5h-2.728L9.224%205.975zm-5.026%203h2.702L9.753%209L8.338%206.5H5.637L4.223%209zm0%206h2.702L9.753%2015l-1.414-2.5H5.613L4.223%2015zm5%203h2.728l1.413-2.475l-1.438-2.525h-2.677l-1.439%202.525zm5.026-3h2.701l1.414-2.5l-1.413-2.5h-2.702L14.248%2015z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/hive-outline.svg?color=%231a73e8&size=48