hedra logo

hedra from LobeHub AI Icons by LobeHub · Mono · MIT Free for personal and commercial use.

Name
hedra
Set
LobeHub AI Icons
Style
Mono
Viewbox
24×24
License
MIT

1 other variant in LobeHub AI Icons

hedra-text

Use the hedra logo

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="M9.964 22.717l1.67-2.89L14.043 24l3.04-1.754-2.742-4.746-.682-1.18-.8-1.385h-2.453l-.8 1.385-.682 1.18-2.001 3.463 3.04 1.754zm-8.268-7.124h3.338l-2.41 4.172 3.04 1.755 2.742-4.747.682-1.18.8-1.384-1.227-2.123H1.696v3.507zm2.04-10.717l1.67 2.89H.583v3.507h8.448L10.26 9.15l-.8-1.385-.682-1.18-2.001-3.462-3.04 1.753zm10.308-3.593l-1.67 2.89L9.965 0l-3.04 1.754L9.666 6.5l.683 1.18.8 1.385h2.453l.8-1.385.681-1.18 2.001-3.463-3.04-1.754zm8.268 7.124h-3.338l2.41-4.172-3.04-1.754-2.742 4.746-.682 1.18-.8 1.385 1.227 2.122H22.312V8.407zm-2.04 10.716l-1.67-2.889h4.822v-3.507h-8.448L13.75 14.85l.8 1.385.682 1.18 2 3.463 3.041-1.755z"/></svg>

React

import type { SVGProps } from "react";

export function LobehubHedra(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="M9.964 22.717l1.67-2.89L14.043 24l3.04-1.754-2.742-4.746-.682-1.18-.8-1.385h-2.453l-.8 1.385-.682 1.18-2.001 3.463 3.04 1.754zm-8.268-7.124h3.338l-2.41 4.172 3.04 1.755 2.742-4.747.682-1.18.8-1.384-1.227-2.123H1.696v3.507zm2.04-10.717l1.67 2.89H.583v3.507h8.448L10.26 9.15l-.8-1.385-.682-1.18-2.001-3.462-3.04 1.753zm10.308-3.593l-1.67 2.89L9.965 0l-3.04 1.754L9.666 6.5l.683 1.18.8 1.385h2.453l.8-1.385.681-1.18 2.001-3.463-3.04-1.754zm8.268 7.124h-3.338l2.41-4.172-3.04-1.754-2.742 4.746-.682 1.18-.8 1.385 1.227 2.122H22.312V8.407zm-2.04 10.716l-1.67-2.889h4.822v-3.507h-8.448L13.75 14.85l.8 1.385.682 1.18 2 3.463 3.041-1.755z"/></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="M9.964 22.717l1.67-2.89L14.043 24l3.04-1.754-2.742-4.746-.682-1.18-.8-1.385h-2.453l-.8 1.385-.682 1.18-2.001 3.463 3.04 1.754zm-8.268-7.124h3.338l-2.41 4.172 3.04 1.755 2.742-4.747.682-1.18.8-1.384-1.227-2.123H1.696v3.507zm2.04-10.717l1.67 2.89H.583v3.507h8.448L10.26 9.15l-.8-1.385-.682-1.18-2.001-3.462-3.04 1.753zm10.308-3.593l-1.67 2.89L9.965 0l-3.04 1.754L9.666 6.5l.683 1.18.8 1.385h2.453l.8-1.385.681-1.18 2.001-3.463-3.04-1.754zm8.268 7.124h-3.338l2.41-4.172-3.04-1.754-2.742 4.746-.682 1.18-.8 1.385 1.227 2.122H22.312V8.407zm-2.04 10.716l-1.67-2.889h4.822v-3.507h-8.448L13.75 14.85l.8 1.385.682 1.18 2 3.463 3.041-1.755z"/></svg>
</template>

CSS

.icon-hedra {
  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%22M9.964%2022.717l1.67-2.89L14.043%2024l3.04-1.754-2.742-4.746-.682-1.18-.8-1.385h-2.453l-.8%201.385-.682%201.18-2.001%203.463%203.04%201.754zm-8.268-7.124h3.338l-2.41%204.172%203.04%201.755%202.742-4.747.682-1.18.8-1.384-1.227-2.123H1.696v3.507zm2.04-10.717l1.67%202.89H.583v3.507h8.448L10.26%209.15l-.8-1.385-.682-1.18-2.001-3.462-3.04%201.753zm10.308-3.593l-1.67%202.89L9.965%200l-3.04%201.754L9.666%206.5l.683%201.18.8%201.385h2.453l.8-1.385.681-1.18%202.001-3.463-3.04-1.754zm8.268%207.124h-3.338l2.41-4.172-3.04-1.754-2.742%204.746-.682%201.18-.8%201.385%201.227%202.122H22.312V8.407zm-2.04%2010.716l-1.67-2.889h4.822v-3.507h-8.448L13.75%2014.85l.8%201.385.682%201.18%202%203.463%203.041-1.755z%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%22M9.964%2022.717l1.67-2.89L14.043%2024l3.04-1.754-2.742-4.746-.682-1.18-.8-1.385h-2.453l-.8%201.385-.682%201.18-2.001%203.463%203.04%201.754zm-8.268-7.124h3.338l-2.41%204.172%203.04%201.755%202.742-4.747.682-1.18.8-1.384-1.227-2.123H1.696v3.507zm2.04-10.717l1.67%202.89H.583v3.507h8.448L10.26%209.15l-.8-1.385-.682-1.18-2.001-3.462-3.04%201.753zm10.308-3.593l-1.67%202.89L9.965%200l-3.04%201.754L9.666%206.5l.683%201.18.8%201.385h2.453l.8-1.385.681-1.18%202.001-3.463-3.04-1.754zm8.268%207.124h-3.338l2.41-4.172-3.04-1.754-2.742%204.746-.682%201.18-.8%201.385%201.227%202.122H22.312V8.407zm-2.04%2010.716l-1.67-2.889h4.822v-3.507h-8.448L13.75%2014.85l.8%201.385.682%201.18%202%203.463%203.041-1.755z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/lobehub/hedra.svg?color=%231a73e8&size=48