hedra logo
hedra-text from LobeHub AI Icons by LobeHub · Wordmark · MIT Free for personal and commercial use.
- Name
- hedra-text
- Set
- LobeHub AI Icons
- Style
- Wordmark
- Viewbox
- 81×24
- License
- MIT
1 other variant in LobeHub AI Icons
Use the hedra logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 81 24"><path fill="currentColor" fill-rule="evenodd" d="M2 0l2.588 1.763v5.66H4.9A5.841 5.841 0 019.858 4.8c3.991 0 6.548 2.906 6.548 6.937v9.469h-2.588v-9.469c0-2.687-1.59-4.593-4.303-4.593-2.65 0-4.926 2.031-4.926 4.843v9.219H2L2 0zm16.251 13.112c0-4.813 3.493-8.313 8.357-8.313 4.802 0 8.263 3.5 8.263 8.344 0 .313 0 .688-.03 1.03H20.9c.374 3.188 2.682 5.313 5.894 5.313 2.339 0 4.397-1.187 5.394-3.062l2.152 1.093c-1.278 2.687-4.117 4.313-7.608 4.313-4.927 0-8.482-3.656-8.482-8.719zm13.907-1.22c-.468-2.843-2.681-4.75-5.675-4.75-2.9 0-5.114 1.907-5.55 4.75h11.225zM44.297 4.8c-4.615 0-8.139 3.563-8.139 8.5 0 4.937 3.555 8.53 8.17 8.53 2.557 0 4.584-1.124 5.737-3.062h.312v2.438h2.588V0l-2.588 1.763v6.005h-.312c-1.153-1.906-3.242-2.969-5.768-2.969zm.312 2.344c3.367 0 5.83 2.687 5.83 6.156s-2.463 6.187-5.83 6.187c-3.368 0-5.863-2.656-5.863-6.187 0-3.469 2.464-6.156 5.863-6.156zm11.265-1.72H58.4V7.55h.28c.718-1.438 2.464-2.438 4.21-2.438a4.428 4.428 0 011.934.406v2.406a6.453 6.453 0 00-2.339-.469c-2.37 0-4.022 2.125-4.022 5.25v8.5h-2.588l-.001-15.78zm16.173 6.407C67.37 12.361 65 14.424 65 17.205c0 2.719 2.245 4.5 5.642 4.5 2.526 0 4.366-1 5.488-2.813h.282v2.313H79V10.737c0-3.594-2.588-5.907-6.673-5.907-3.96 0-6.548 2.125-6.548 5.469h2.62c-.032-1.969 1.527-3.125 3.897-3.125 2.59 0 4.117 1.375 4.117 3.5v.625l-4.366.531zm4.366 1.688v1.406c0 2.656-2.183 4.625-5.394 4.625-2.121 0-3.43-.907-3.43-2.407 0-1.468 1.247-2.719 4.458-3.124l4.366-.5z" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function LobehubHedraText(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 81 24"><path fill="currentColor" fillRule="evenodd" d="M2 0l2.588 1.763v5.66H4.9A5.841 5.841 0 019.858 4.8c3.991 0 6.548 2.906 6.548 6.937v9.469h-2.588v-9.469c0-2.687-1.59-4.593-4.303-4.593-2.65 0-4.926 2.031-4.926 4.843v9.219H2L2 0zm16.251 13.112c0-4.813 3.493-8.313 8.357-8.313 4.802 0 8.263 3.5 8.263 8.344 0 .313 0 .688-.03 1.03H20.9c.374 3.188 2.682 5.313 5.894 5.313 2.339 0 4.397-1.187 5.394-3.062l2.152 1.093c-1.278 2.687-4.117 4.313-7.608 4.313-4.927 0-8.482-3.656-8.482-8.719zm13.907-1.22c-.468-2.843-2.681-4.75-5.675-4.75-2.9 0-5.114 1.907-5.55 4.75h11.225zM44.297 4.8c-4.615 0-8.139 3.563-8.139 8.5 0 4.937 3.555 8.53 8.17 8.53 2.557 0 4.584-1.124 5.737-3.062h.312v2.438h2.588V0l-2.588 1.763v6.005h-.312c-1.153-1.906-3.242-2.969-5.768-2.969zm.312 2.344c3.367 0 5.83 2.687 5.83 6.156s-2.463 6.187-5.83 6.187c-3.368 0-5.863-2.656-5.863-6.187 0-3.469 2.464-6.156 5.863-6.156zm11.265-1.72H58.4V7.55h.28c.718-1.438 2.464-2.438 4.21-2.438a4.428 4.428 0 011.934.406v2.406a6.453 6.453 0 00-2.339-.469c-2.37 0-4.022 2.125-4.022 5.25v8.5h-2.588l-.001-15.78zm16.173 6.407C67.37 12.361 65 14.424 65 17.205c0 2.719 2.245 4.5 5.642 4.5 2.526 0 4.366-1 5.488-2.813h.282v2.313H79V10.737c0-3.594-2.588-5.907-6.673-5.907-3.96 0-6.548 2.125-6.548 5.469h2.62c-.032-1.969 1.527-3.125 3.897-3.125 2.59 0 4.117 1.375 4.117 3.5v.625l-4.366.531zm4.366 1.688v1.406c0 2.656-2.183 4.625-5.394 4.625-2.121 0-3.43-.907-3.43-2.407 0-1.468 1.247-2.719 4.458-3.124l4.366-.5z" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 81 24"><path fill="currentColor" fill-rule="evenodd" d="M2 0l2.588 1.763v5.66H4.9A5.841 5.841 0 019.858 4.8c3.991 0 6.548 2.906 6.548 6.937v9.469h-2.588v-9.469c0-2.687-1.59-4.593-4.303-4.593-2.65 0-4.926 2.031-4.926 4.843v9.219H2L2 0zm16.251 13.112c0-4.813 3.493-8.313 8.357-8.313 4.802 0 8.263 3.5 8.263 8.344 0 .313 0 .688-.03 1.03H20.9c.374 3.188 2.682 5.313 5.894 5.313 2.339 0 4.397-1.187 5.394-3.062l2.152 1.093c-1.278 2.687-4.117 4.313-7.608 4.313-4.927 0-8.482-3.656-8.482-8.719zm13.907-1.22c-.468-2.843-2.681-4.75-5.675-4.75-2.9 0-5.114 1.907-5.55 4.75h11.225zM44.297 4.8c-4.615 0-8.139 3.563-8.139 8.5 0 4.937 3.555 8.53 8.17 8.53 2.557 0 4.584-1.124 5.737-3.062h.312v2.438h2.588V0l-2.588 1.763v6.005h-.312c-1.153-1.906-3.242-2.969-5.768-2.969zm.312 2.344c3.367 0 5.83 2.687 5.83 6.156s-2.463 6.187-5.83 6.187c-3.368 0-5.863-2.656-5.863-6.187 0-3.469 2.464-6.156 5.863-6.156zm11.265-1.72H58.4V7.55h.28c.718-1.438 2.464-2.438 4.21-2.438a4.428 4.428 0 011.934.406v2.406a6.453 6.453 0 00-2.339-.469c-2.37 0-4.022 2.125-4.022 5.25v8.5h-2.588l-.001-15.78zm16.173 6.407C67.37 12.361 65 14.424 65 17.205c0 2.719 2.245 4.5 5.642 4.5 2.526 0 4.366-1 5.488-2.813h.282v2.313H79V10.737c0-3.594-2.588-5.907-6.673-5.907-3.96 0-6.548 2.125-6.548 5.469h2.62c-.032-1.969 1.527-3.125 3.897-3.125 2.59 0 4.117 1.375 4.117 3.5v.625l-4.366.531zm4.366 1.688v1.406c0 2.656-2.183 4.625-5.394 4.625-2.121 0-3.43-.907-3.43-2.407 0-1.468 1.247-2.719 4.458-3.124l4.366-.5z" clip-rule="evenodd"/></svg> </template>
CSS
.icon-hedra-text {
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%2081%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M2%200l2.588%201.763v5.66H4.9A5.841%205.841%200%20019.858%204.8c3.991%200%206.548%202.906%206.548%206.937v9.469h-2.588v-9.469c0-2.687-1.59-4.593-4.303-4.593-2.65%200-4.926%202.031-4.926%204.843v9.219H2L2%200zm16.251%2013.112c0-4.813%203.493-8.313%208.357-8.313%204.802%200%208.263%203.5%208.263%208.344%200%20.313%200%20.688-.03%201.03H20.9c.374%203.188%202.682%205.313%205.894%205.313%202.339%200%204.397-1.187%205.394-3.062l2.152%201.093c-1.278%202.687-4.117%204.313-7.608%204.313-4.927%200-8.482-3.656-8.482-8.719zm13.907-1.22c-.468-2.843-2.681-4.75-5.675-4.75-2.9%200-5.114%201.907-5.55%204.75h11.225zM44.297%204.8c-4.615%200-8.139%203.563-8.139%208.5%200%204.937%203.555%208.53%208.17%208.53%202.557%200%204.584-1.124%205.737-3.062h.312v2.438h2.588V0l-2.588%201.763v6.005h-.312c-1.153-1.906-3.242-2.969-5.768-2.969zm.312%202.344c3.367%200%205.83%202.687%205.83%206.156s-2.463%206.187-5.83%206.187c-3.368%200-5.863-2.656-5.863-6.187%200-3.469%202.464-6.156%205.863-6.156zm11.265-1.72H58.4V7.55h.28c.718-1.438%202.464-2.438%204.21-2.438a4.428%204.428%200%20011.934.406v2.406a6.453%206.453%200%2000-2.339-.469c-2.37%200-4.022%202.125-4.022%205.25v8.5h-2.588l-.001-15.78zm16.173%206.407C67.37%2012.361%2065%2014.424%2065%2017.205c0%202.719%202.245%204.5%205.642%204.5%202.526%200%204.366-1%205.488-2.813h.282v2.313H79V10.737c0-3.594-2.588-5.907-6.673-5.907-3.96%200-6.548%202.125-6.548%205.469h2.62c-.032-1.969%201.527-3.125%203.897-3.125%202.59%200%204.117%201.375%204.117%203.5v.625l-4.366.531zm4.366%201.688v1.406c0%202.656-2.183%204.625-5.394%204.625-2.121%200-3.43-.907-3.43-2.407%200-1.468%201.247-2.719%204.458-3.124l4.366-.5z%22%20clip-rule%3D%22evenodd%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%2081%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M2%200l2.588%201.763v5.66H4.9A5.841%205.841%200%20019.858%204.8c3.991%200%206.548%202.906%206.548%206.937v9.469h-2.588v-9.469c0-2.687-1.59-4.593-4.303-4.593-2.65%200-4.926%202.031-4.926%204.843v9.219H2L2%200zm16.251%2013.112c0-4.813%203.493-8.313%208.357-8.313%204.802%200%208.263%203.5%208.263%208.344%200%20.313%200%20.688-.03%201.03H20.9c.374%203.188%202.682%205.313%205.894%205.313%202.339%200%204.397-1.187%205.394-3.062l2.152%201.093c-1.278%202.687-4.117%204.313-7.608%204.313-4.927%200-8.482-3.656-8.482-8.719zm13.907-1.22c-.468-2.843-2.681-4.75-5.675-4.75-2.9%200-5.114%201.907-5.55%204.75h11.225zM44.297%204.8c-4.615%200-8.139%203.563-8.139%208.5%200%204.937%203.555%208.53%208.17%208.53%202.557%200%204.584-1.124%205.737-3.062h.312v2.438h2.588V0l-2.588%201.763v6.005h-.312c-1.153-1.906-3.242-2.969-5.768-2.969zm.312%202.344c3.367%200%205.83%202.687%205.83%206.156s-2.463%206.187-5.83%206.187c-3.368%200-5.863-2.656-5.863-6.187%200-3.469%202.464-6.156%205.863-6.156zm11.265-1.72H58.4V7.55h.28c.718-1.438%202.464-2.438%204.21-2.438a4.428%204.428%200%20011.934.406v2.406a6.453%206.453%200%2000-2.339-.469c-2.37%200-4.022%202.125-4.022%205.25v8.5h-2.588l-.001-15.78zm16.173%206.407C67.37%2012.361%2065%2014.424%2065%2017.205c0%202.719%202.245%204.5%205.642%204.5%202.526%200%204.366-1%205.488-2.813h.282v2.313H79V10.737c0-3.594-2.588-5.907-6.673-5.907-3.96%200-6.548%202.125-6.548%205.469h2.62c-.032-1.969%201.527-3.125%203.897-3.125%202.59%200%204.117%201.375%204.117%203.5v.625l-4.366.531zm4.366%201.688v1.406c0%202.656-2.183%204.625-5.394%204.625-2.121%200-3.43-.907-3.43-2.407%200-1.468%201.247-2.719%204.458-3.124l4.366-.5z%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/lobehub/hedra-text.svg?color=%231a73e8&size=48
