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

Name
relace-text
Set
LobeHub AI Icons
Style
Wordmark
Viewbox
100×24
License
MIT

1 other variant in LobeHub AI Icons

Use the relace logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 100 24"><path fill="currentColor" fill-rule="evenodd" d="M72.78 6.374c4.534 0 6.583 2.15 7.221 5.911l-3.393.639c-.47-2.015-1.41-3.36-3.896-3.36-2.586 0-4.198 1.647-4.198 5.106 0 3.19 1.477 5.138 4.299 5.139 2.552 0 3.426-1.578 3.896-3.493l3.325.806C79.396 20.783 77.18 23 72.847 23c-4.971 0-8.028-2.889-8.028-8.195 0-5.307 3.124-8.431 7.96-8.431zm-43.378 0c4.77 0 7.087 2.889 7.087 7.222 0 .604.001 1.31-.066 2.115H25.036c.269 2.855 1.713 4.3 4.4 4.3 2.52 0 3.392-1.21 3.829-2.721l3.09.873c-.739 2.855-2.72 4.803-6.953 4.803-4.836 0-7.96-2.821-7.96-8.094 0-5.34 3.023-8.498 7.96-8.498zm61.269 0c4.77 0 7.087 2.889 7.087 7.222 0 .604 0 1.31-.067 2.115H86.305c.268 2.855 1.713 4.3 4.4 4.3 2.519 0 3.393-1.21 3.83-2.721l3.089.873c-.739 2.855-2.721 4.803-6.953 4.803-4.836 0-7.96-2.821-7.96-8.094 0-5.34 3.023-8.498 7.96-8.498zm-35.796.033c4.568 0 6.517 2.15 6.517 6.08v10.077h-3.426v-3.762h-.37c-.806 2.552-2.62 4.097-5.407 4.097-2.822 0-4.804-1.343-4.804-4.433 0-2.821 1.713-4.87 5.71-4.87h4.703V12.52c0-2.05-.84-3.225-3.057-3.225-1.847 0-2.922.94-3.325 2.788l-3.426-.772c.605-2.99 2.855-4.905 6.885-4.905zM10.464 2.41c5.038 0 7.423 2.117 7.423 6.113 0 3.158-1.613 5.24-4.434 6.08l5.61 7.59v.37h-4.467L9.59 15.007H5.829v7.558H2V2.41h8.464zm33.34 20.154h-3.626V1h3.627v21.564zM53.7 15.98c-1.814 0-2.855.672-2.855 1.982 0 1.142.705 2.116 2.754 2.116 2.519 0 4.199-1.478 4.199-3.46v-.637H53.7zM29.302 9.162c-2.452 0-3.897 1.31-4.233 4.131h8.095c-.135-2.72-1.343-4.13-3.862-4.13zm61.268 0c-2.451 0-3.895 1.31-4.231 4.131h8.094c-.135-2.72-1.344-4.13-3.863-4.13zm-84.74 2.62h4.298c2.62 0 3.997-1.008 3.997-3.158 0-2.049-1.041-2.99-3.93-2.99H5.83v6.147z"/></svg>

React

import type { SVGProps } from "react";

export function LobehubRelaceText(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 100 24"><path fill="currentColor" fillRule="evenodd" d="M72.78 6.374c4.534 0 6.583 2.15 7.221 5.911l-3.393.639c-.47-2.015-1.41-3.36-3.896-3.36-2.586 0-4.198 1.647-4.198 5.106 0 3.19 1.477 5.138 4.299 5.139 2.552 0 3.426-1.578 3.896-3.493l3.325.806C79.396 20.783 77.18 23 72.847 23c-4.971 0-8.028-2.889-8.028-8.195 0-5.307 3.124-8.431 7.96-8.431zm-43.378 0c4.77 0 7.087 2.889 7.087 7.222 0 .604.001 1.31-.066 2.115H25.036c.269 2.855 1.713 4.3 4.4 4.3 2.52 0 3.392-1.21 3.829-2.721l3.09.873c-.739 2.855-2.72 4.803-6.953 4.803-4.836 0-7.96-2.821-7.96-8.094 0-5.34 3.023-8.498 7.96-8.498zm61.269 0c4.77 0 7.087 2.889 7.087 7.222 0 .604 0 1.31-.067 2.115H86.305c.268 2.855 1.713 4.3 4.4 4.3 2.519 0 3.393-1.21 3.83-2.721l3.089.873c-.739 2.855-2.721 4.803-6.953 4.803-4.836 0-7.96-2.821-7.96-8.094 0-5.34 3.023-8.498 7.96-8.498zm-35.796.033c4.568 0 6.517 2.15 6.517 6.08v10.077h-3.426v-3.762h-.37c-.806 2.552-2.62 4.097-5.407 4.097-2.822 0-4.804-1.343-4.804-4.433 0-2.821 1.713-4.87 5.71-4.87h4.703V12.52c0-2.05-.84-3.225-3.057-3.225-1.847 0-2.922.94-3.325 2.788l-3.426-.772c.605-2.99 2.855-4.905 6.885-4.905zM10.464 2.41c5.038 0 7.423 2.117 7.423 6.113 0 3.158-1.613 5.24-4.434 6.08l5.61 7.59v.37h-4.467L9.59 15.007H5.829v7.558H2V2.41h8.464zm33.34 20.154h-3.626V1h3.627v21.564zM53.7 15.98c-1.814 0-2.855.672-2.855 1.982 0 1.142.705 2.116 2.754 2.116 2.519 0 4.199-1.478 4.199-3.46v-.637H53.7zM29.302 9.162c-2.452 0-3.897 1.31-4.233 4.131h8.095c-.135-2.72-1.343-4.13-3.862-4.13zm61.268 0c-2.451 0-3.895 1.31-4.231 4.131h8.094c-.135-2.72-1.344-4.13-3.863-4.13zm-84.74 2.62h4.298c2.62 0 3.997-1.008 3.997-3.158 0-2.049-1.041-2.99-3.93-2.99H5.83v6.147z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 100 24"><path fill="currentColor" fill-rule="evenodd" d="M72.78 6.374c4.534 0 6.583 2.15 7.221 5.911l-3.393.639c-.47-2.015-1.41-3.36-3.896-3.36-2.586 0-4.198 1.647-4.198 5.106 0 3.19 1.477 5.138 4.299 5.139 2.552 0 3.426-1.578 3.896-3.493l3.325.806C79.396 20.783 77.18 23 72.847 23c-4.971 0-8.028-2.889-8.028-8.195 0-5.307 3.124-8.431 7.96-8.431zm-43.378 0c4.77 0 7.087 2.889 7.087 7.222 0 .604.001 1.31-.066 2.115H25.036c.269 2.855 1.713 4.3 4.4 4.3 2.52 0 3.392-1.21 3.829-2.721l3.09.873c-.739 2.855-2.72 4.803-6.953 4.803-4.836 0-7.96-2.821-7.96-8.094 0-5.34 3.023-8.498 7.96-8.498zm61.269 0c4.77 0 7.087 2.889 7.087 7.222 0 .604 0 1.31-.067 2.115H86.305c.268 2.855 1.713 4.3 4.4 4.3 2.519 0 3.393-1.21 3.83-2.721l3.089.873c-.739 2.855-2.721 4.803-6.953 4.803-4.836 0-7.96-2.821-7.96-8.094 0-5.34 3.023-8.498 7.96-8.498zm-35.796.033c4.568 0 6.517 2.15 6.517 6.08v10.077h-3.426v-3.762h-.37c-.806 2.552-2.62 4.097-5.407 4.097-2.822 0-4.804-1.343-4.804-4.433 0-2.821 1.713-4.87 5.71-4.87h4.703V12.52c0-2.05-.84-3.225-3.057-3.225-1.847 0-2.922.94-3.325 2.788l-3.426-.772c.605-2.99 2.855-4.905 6.885-4.905zM10.464 2.41c5.038 0 7.423 2.117 7.423 6.113 0 3.158-1.613 5.24-4.434 6.08l5.61 7.59v.37h-4.467L9.59 15.007H5.829v7.558H2V2.41h8.464zm33.34 20.154h-3.626V1h3.627v21.564zM53.7 15.98c-1.814 0-2.855.672-2.855 1.982 0 1.142.705 2.116 2.754 2.116 2.519 0 4.199-1.478 4.199-3.46v-.637H53.7zM29.302 9.162c-2.452 0-3.897 1.31-4.233 4.131h8.095c-.135-2.72-1.343-4.13-3.862-4.13zm61.268 0c-2.451 0-3.895 1.31-4.231 4.131h8.094c-.135-2.72-1.344-4.13-3.863-4.13zm-84.74 2.62h4.298c2.62 0 3.997-1.008 3.997-3.158 0-2.049-1.041-2.99-3.93-2.99H5.83v6.147z"/></svg>
</template>

CSS

.icon-relace-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%20100%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M72.78%206.374c4.534%200%206.583%202.15%207.221%205.911l-3.393.639c-.47-2.015-1.41-3.36-3.896-3.36-2.586%200-4.198%201.647-4.198%205.106%200%203.19%201.477%205.138%204.299%205.139%202.552%200%203.426-1.578%203.896-3.493l3.325.806C79.396%2020.783%2077.18%2023%2072.847%2023c-4.971%200-8.028-2.889-8.028-8.195%200-5.307%203.124-8.431%207.96-8.431zm-43.378%200c4.77%200%207.087%202.889%207.087%207.222%200%20.604.001%201.31-.066%202.115H25.036c.269%202.855%201.713%204.3%204.4%204.3%202.52%200%203.392-1.21%203.829-2.721l3.09.873c-.739%202.855-2.72%204.803-6.953%204.803-4.836%200-7.96-2.821-7.96-8.094%200-5.34%203.023-8.498%207.96-8.498zm61.269%200c4.77%200%207.087%202.889%207.087%207.222%200%20.604%200%201.31-.067%202.115H86.305c.268%202.855%201.713%204.3%204.4%204.3%202.519%200%203.393-1.21%203.83-2.721l3.089.873c-.739%202.855-2.721%204.803-6.953%204.803-4.836%200-7.96-2.821-7.96-8.094%200-5.34%203.023-8.498%207.96-8.498zm-35.796.033c4.568%200%206.517%202.15%206.517%206.08v10.077h-3.426v-3.762h-.37c-.806%202.552-2.62%204.097-5.407%204.097-2.822%200-4.804-1.343-4.804-4.433%200-2.821%201.713-4.87%205.71-4.87h4.703V12.52c0-2.05-.84-3.225-3.057-3.225-1.847%200-2.922.94-3.325%202.788l-3.426-.772c.605-2.99%202.855-4.905%206.885-4.905zM10.464%202.41c5.038%200%207.423%202.117%207.423%206.113%200%203.158-1.613%205.24-4.434%206.08l5.61%207.59v.37h-4.467L9.59%2015.007H5.829v7.558H2V2.41h8.464zm33.34%2020.154h-3.626V1h3.627v21.564zM53.7%2015.98c-1.814%200-2.855.672-2.855%201.982%200%201.142.705%202.116%202.754%202.116%202.519%200%204.199-1.478%204.199-3.46v-.637H53.7zM29.302%209.162c-2.452%200-3.897%201.31-4.233%204.131h8.095c-.135-2.72-1.343-4.13-3.862-4.13zm61.268%200c-2.451%200-3.895%201.31-4.231%204.131h8.094c-.135-2.72-1.344-4.13-3.863-4.13zm-84.74%202.62h4.298c2.62%200%203.997-1.008%203.997-3.158%200-2.049-1.041-2.99-3.93-2.99H5.83v6.147z%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%20100%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M72.78%206.374c4.534%200%206.583%202.15%207.221%205.911l-3.393.639c-.47-2.015-1.41-3.36-3.896-3.36-2.586%200-4.198%201.647-4.198%205.106%200%203.19%201.477%205.138%204.299%205.139%202.552%200%203.426-1.578%203.896-3.493l3.325.806C79.396%2020.783%2077.18%2023%2072.847%2023c-4.971%200-8.028-2.889-8.028-8.195%200-5.307%203.124-8.431%207.96-8.431zm-43.378%200c4.77%200%207.087%202.889%207.087%207.222%200%20.604.001%201.31-.066%202.115H25.036c.269%202.855%201.713%204.3%204.4%204.3%202.52%200%203.392-1.21%203.829-2.721l3.09.873c-.739%202.855-2.72%204.803-6.953%204.803-4.836%200-7.96-2.821-7.96-8.094%200-5.34%203.023-8.498%207.96-8.498zm61.269%200c4.77%200%207.087%202.889%207.087%207.222%200%20.604%200%201.31-.067%202.115H86.305c.268%202.855%201.713%204.3%204.4%204.3%202.519%200%203.393-1.21%203.83-2.721l3.089.873c-.739%202.855-2.721%204.803-6.953%204.803-4.836%200-7.96-2.821-7.96-8.094%200-5.34%203.023-8.498%207.96-8.498zm-35.796.033c4.568%200%206.517%202.15%206.517%206.08v10.077h-3.426v-3.762h-.37c-.806%202.552-2.62%204.097-5.407%204.097-2.822%200-4.804-1.343-4.804-4.433%200-2.821%201.713-4.87%205.71-4.87h4.703V12.52c0-2.05-.84-3.225-3.057-3.225-1.847%200-2.922.94-3.325%202.788l-3.426-.772c.605-2.99%202.855-4.905%206.885-4.905zM10.464%202.41c5.038%200%207.423%202.117%207.423%206.113%200%203.158-1.613%205.24-4.434%206.08l5.61%207.59v.37h-4.467L9.59%2015.007H5.829v7.558H2V2.41h8.464zm33.34%2020.154h-3.626V1h3.627v21.564zM53.7%2015.98c-1.814%200-2.855.672-2.855%201.982%200%201.142.705%202.116%202.754%202.116%202.519%200%204.199-1.478%204.199-3.46v-.637H53.7zM29.302%209.162c-2.452%200-3.897%201.31-4.233%204.131h8.095c-.135-2.72-1.343-4.13-3.862-4.13zm61.268%200c-2.451%200-3.895%201.31-4.231%204.131h8.094c-.135-2.72-1.344-4.13-3.863-4.13zm-84.74%202.62h4.298c2.62%200%203.997-1.008%203.997-3.158%200-2.049-1.041-2.99-3.93-2.99H5.83v6.147z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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