reka logo

reka-text from LobeHub AI Icons by LobeHub · Wordmark · MIT Free for personal and commercial use.

Name
reka-text
Set
LobeHub AI Icons
Style
Wordmark
Viewbox
85×24
License
MIT

1 other variant in LobeHub AI Icons

reka

Use the reka logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 85 24"><path fill="currentColor" fill-rule="evenodd" d="M21.561 6.517H6.481V22H2V7.239c0-2.88 2.28-5.215 5.094-5.217L21.56 2.01zM37.07 2c2.814 0 5.098 2.335 5.098 5.217v.169c0 2.205-1.356 4.171-3.384 4.913l-10.716 3.905v-4.44l9.053-3.531a.88.88 0 0 0 .566-.828.873.873 0 0 0-.862-.883h-8.86a.873.873 0 0 0-.862.883v10.081H41.86v4.506H27.722c-2.816 0-5.098-2.335-5.098-5.217V7.217C22.624 4.335 24.906 2 27.722 2zm40.832 0C80.718 2 83 4.336 83 7.217v9.558c0 2.882-2.282 5.217-5.098 5.217h-9.348c-2.816 0-5.098-2.335-5.098-5.217v-.167c0-2.206 1.354-4.173 3.382-4.915l10.718-3.905v4.442l-9.053 3.53a.88.88 0 0 0-.568.83c0 .486.387.88.862.88h8.861c.476 0 .86-.394.861-.88V6.505H63.764V2zm-24.995 9.839L62.88 21.99h-6.24l-6.721-6.737a4.6 4.6 0 0 1-1.34-3.257c0-1.227.484-2.4 1.34-3.259l6.722-6.735h6.086zm-5.06 10.147h-4.482V2.01h4.481z"/></svg>

React

import type { SVGProps } from "react";

export function LobehubRekaText(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 85 24"><path fill="currentColor" fillRule="evenodd" d="M21.561 6.517H6.481V22H2V7.239c0-2.88 2.28-5.215 5.094-5.217L21.56 2.01zM37.07 2c2.814 0 5.098 2.335 5.098 5.217v.169c0 2.205-1.356 4.171-3.384 4.913l-10.716 3.905v-4.44l9.053-3.531a.88.88 0 0 0 .566-.828.873.873 0 0 0-.862-.883h-8.86a.873.873 0 0 0-.862.883v10.081H41.86v4.506H27.722c-2.816 0-5.098-2.335-5.098-5.217V7.217C22.624 4.335 24.906 2 27.722 2zm40.832 0C80.718 2 83 4.336 83 7.217v9.558c0 2.882-2.282 5.217-5.098 5.217h-9.348c-2.816 0-5.098-2.335-5.098-5.217v-.167c0-2.206 1.354-4.173 3.382-4.915l10.718-3.905v4.442l-9.053 3.53a.88.88 0 0 0-.568.83c0 .486.387.88.862.88h8.861c.476 0 .86-.394.861-.88V6.505H63.764V2zm-24.995 9.839L62.88 21.99h-6.24l-6.721-6.737a4.6 4.6 0 0 1-1.34-3.257c0-1.227.484-2.4 1.34-3.259l6.722-6.735h6.086zm-5.06 10.147h-4.482V2.01h4.481z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 85 24"><path fill="currentColor" fill-rule="evenodd" d="M21.561 6.517H6.481V22H2V7.239c0-2.88 2.28-5.215 5.094-5.217L21.56 2.01zM37.07 2c2.814 0 5.098 2.335 5.098 5.217v.169c0 2.205-1.356 4.171-3.384 4.913l-10.716 3.905v-4.44l9.053-3.531a.88.88 0 0 0 .566-.828.873.873 0 0 0-.862-.883h-8.86a.873.873 0 0 0-.862.883v10.081H41.86v4.506H27.722c-2.816 0-5.098-2.335-5.098-5.217V7.217C22.624 4.335 24.906 2 27.722 2zm40.832 0C80.718 2 83 4.336 83 7.217v9.558c0 2.882-2.282 5.217-5.098 5.217h-9.348c-2.816 0-5.098-2.335-5.098-5.217v-.167c0-2.206 1.354-4.173 3.382-4.915l10.718-3.905v4.442l-9.053 3.53a.88.88 0 0 0-.568.83c0 .486.387.88.862.88h8.861c.476 0 .86-.394.861-.88V6.505H63.764V2zm-24.995 9.839L62.88 21.99h-6.24l-6.721-6.737a4.6 4.6 0 0 1-1.34-3.257c0-1.227.484-2.4 1.34-3.259l6.722-6.735h6.086zm-5.06 10.147h-4.482V2.01h4.481z"/></svg>
</template>

CSS

.icon-reka-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%2085%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M21.561%206.517H6.481V22H2V7.239c0-2.88%202.28-5.215%205.094-5.217L21.56%202.01zM37.07%202c2.814%200%205.098%202.335%205.098%205.217v.169c0%202.205-1.356%204.171-3.384%204.913l-10.716%203.905v-4.44l9.053-3.531a.88.88%200%200%200%20.566-.828.873.873%200%200%200-.862-.883h-8.86a.873.873%200%200%200-.862.883v10.081H41.86v4.506H27.722c-2.816%200-5.098-2.335-5.098-5.217V7.217C22.624%204.335%2024.906%202%2027.722%202zm40.832%200C80.718%202%2083%204.336%2083%207.217v9.558c0%202.882-2.282%205.217-5.098%205.217h-9.348c-2.816%200-5.098-2.335-5.098-5.217v-.167c0-2.206%201.354-4.173%203.382-4.915l10.718-3.905v4.442l-9.053%203.53a.88.88%200%200%200-.568.83c0%20.486.387.88.862.88h8.861c.476%200%20.86-.394.861-.88V6.505H63.764V2zm-24.995%209.839L62.88%2021.99h-6.24l-6.721-6.737a4.6%204.6%200%200%201-1.34-3.257c0-1.227.484-2.4%201.34-3.259l6.722-6.735h6.086zm-5.06%2010.147h-4.482V2.01h4.481z%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%2085%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M21.561%206.517H6.481V22H2V7.239c0-2.88%202.28-5.215%205.094-5.217L21.56%202.01zM37.07%202c2.814%200%205.098%202.335%205.098%205.217v.169c0%202.205-1.356%204.171-3.384%204.913l-10.716%203.905v-4.44l9.053-3.531a.88.88%200%200%200%20.566-.828.873.873%200%200%200-.862-.883h-8.86a.873.873%200%200%200-.862.883v10.081H41.86v4.506H27.722c-2.816%200-5.098-2.335-5.098-5.217V7.217C22.624%204.335%2024.906%202%2027.722%202zm40.832%200C80.718%202%2083%204.336%2083%207.217v9.558c0%202.882-2.282%205.217-5.098%205.217h-9.348c-2.816%200-5.098-2.335-5.098-5.217v-.167c0-2.206%201.354-4.173%203.382-4.915l10.718-3.905v4.442l-9.053%203.53a.88.88%200%200%200-.568.83c0%20.486.387.88.862.88h8.861c.476%200%20.86-.394.861-.88V6.505H63.764V2zm-24.995%209.839L62.88%2021.99h-6.24l-6.721-6.737a4.6%204.6%200%200%201-1.34-3.257c0-1.227.484-2.4%201.34-3.259l6.722-6.735h6.086zm-5.06%2010.147h-4.482V2.01h4.481z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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