haiper logo
haiper-text from LobeHub AI Icons by LobeHub · Wordmark · MIT Free for personal and commercial use.
- Name
- haiper-text
- Set
- LobeHub AI Icons
- Style
- Wordmark
- Viewbox
- 74×24
- License
- MIT
1 other variant in LobeHub AI Icons
Use the haiper logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 74 24"><path fill="currentColor" fill-rule="evenodd" d="M63.235 18.933V11.6c0-1.711-.088-2.8-.955-4.045h4.69v3.09C67.723 8.51 69.057 7.4 70.545 7.4c.223 0 .511.022.711.089l.467 4.11h-.133c-.466-.266-1.133-.444-1.845-.444-1.755 0-2.866 1.178-2.866 3.778 0 1.467.334 2.978 1.067 4h-4.712zM61.446 16.823c-.845 1.244-2.622 2.31-4.978 2.31-3.533 0-5.822-2.088-5.822-5.733 0-3.6 2.556-6.044 5.822-6.044 3.11 0 5.022 1.933 5.022 4.711 0 .533.044.911.2 1.289h-7.177c.178 2.044 1.266 3.378 3.488 3.378 1.311 0 2.334-.4 3.445-1.223v1.312zm-5.044-7.667c-.956 0-1.756.822-1.912 2.8h3.778c-.022-1.867-.578-2.8-1.866-2.8zM36.641 7.556h4.69v1.933c.666-1.2 1.91-2.133 3.71-2.133 2.534 0 4.444 2.044 4.444 5.378 0 3.555-2.444 6.4-6.31 6.4a7.41 7.41 0 01-1.845-.245v1.422c0 1.534.2 2.667 1.022 3.689h-4.71V11.267c0-1.578-.2-2.689-1-3.711zm4.556 6.289c0 2.11.622 3.755 2.177 3.755 1.356 0 2.178-1.578 2.178-3.91 0-2.623-.689-4.045-2.133-4.045-1 0-2.222 1.044-2.222 4.2zM33.124 5.889c-.977 0-2.222-.956-2.222-1.911C30.902 3 32.147 2 33.124 2c.956 0 2.244 1 2.244 1.978 0 .955-1.31 1.91-2.244 1.91zm-2.822 1.666h4.69v7.711c0 1.423.199 2.69 1.021 3.667h-4.71v-7.666c0-1.578-.2-2.69-1-3.712zM19.32 11.378V9.823c.844-1.334 2.622-2.467 4.755-2.467 3.289 0 4.8 1.778 4.8 4.6v3.31c0 1.557.244 2.69 1.022 3.667h-4.689V17.2c-.622.956-1.8 1.911-3.644 1.911-1.956 0-3.155-1.066-3.155-2.8 0-1.666 1.11-2.666 3.644-3.288 2.422-.623 3.155-.778 3.155-1.845 0-.911-.822-1.289-2.066-1.289-1.445 0-2.845.645-3.756 1.49h-.066zm2.71 4.489c0 .689.4 1.311 1.267 1.311.978 0 1.911-.867 1.911-2.622V13.51l-1.733.623c-.844.377-1.444.844-1.444 1.733zM1 2.822h5.244v7.067h6.178v-3.49c0-1.51-.222-2.577-1.022-3.577h5.222v12.533c0 1.511.222 2.622 1.022 3.578h-5.222v-6.845H6.244v3.267c0 1.511.223 2.622 1.023 3.578H2.044V6.4c0-1.511-.222-2.578-1.044-3.578z"/></svg>
React
import type { SVGProps } from "react";
export function LobehubHaiperText(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 74 24"><path fill="currentColor" fillRule="evenodd" d="M63.235 18.933V11.6c0-1.711-.088-2.8-.955-4.045h4.69v3.09C67.723 8.51 69.057 7.4 70.545 7.4c.223 0 .511.022.711.089l.467 4.11h-.133c-.466-.266-1.133-.444-1.845-.444-1.755 0-2.866 1.178-2.866 3.778 0 1.467.334 2.978 1.067 4h-4.712zM61.446 16.823c-.845 1.244-2.622 2.31-4.978 2.31-3.533 0-5.822-2.088-5.822-5.733 0-3.6 2.556-6.044 5.822-6.044 3.11 0 5.022 1.933 5.022 4.711 0 .533.044.911.2 1.289h-7.177c.178 2.044 1.266 3.378 3.488 3.378 1.311 0 2.334-.4 3.445-1.223v1.312zm-5.044-7.667c-.956 0-1.756.822-1.912 2.8h3.778c-.022-1.867-.578-2.8-1.866-2.8zM36.641 7.556h4.69v1.933c.666-1.2 1.91-2.133 3.71-2.133 2.534 0 4.444 2.044 4.444 5.378 0 3.555-2.444 6.4-6.31 6.4a7.41 7.41 0 01-1.845-.245v1.422c0 1.534.2 2.667 1.022 3.689h-4.71V11.267c0-1.578-.2-2.689-1-3.711zm4.556 6.289c0 2.11.622 3.755 2.177 3.755 1.356 0 2.178-1.578 2.178-3.91 0-2.623-.689-4.045-2.133-4.045-1 0-2.222 1.044-2.222 4.2zM33.124 5.889c-.977 0-2.222-.956-2.222-1.911C30.902 3 32.147 2 33.124 2c.956 0 2.244 1 2.244 1.978 0 .955-1.31 1.91-2.244 1.91zm-2.822 1.666h4.69v7.711c0 1.423.199 2.69 1.021 3.667h-4.71v-7.666c0-1.578-.2-2.69-1-3.712zM19.32 11.378V9.823c.844-1.334 2.622-2.467 4.755-2.467 3.289 0 4.8 1.778 4.8 4.6v3.31c0 1.557.244 2.69 1.022 3.667h-4.689V17.2c-.622.956-1.8 1.911-3.644 1.911-1.956 0-3.155-1.066-3.155-2.8 0-1.666 1.11-2.666 3.644-3.288 2.422-.623 3.155-.778 3.155-1.845 0-.911-.822-1.289-2.066-1.289-1.445 0-2.845.645-3.756 1.49h-.066zm2.71 4.489c0 .689.4 1.311 1.267 1.311.978 0 1.911-.867 1.911-2.622V13.51l-1.733.623c-.844.377-1.444.844-1.444 1.733zM1 2.822h5.244v7.067h6.178v-3.49c0-1.51-.222-2.577-1.022-3.577h5.222v12.533c0 1.511.222 2.622 1.022 3.578h-5.222v-6.845H6.244v3.267c0 1.511.223 2.622 1.023 3.578H2.044V6.4c0-1.511-.222-2.578-1.044-3.578z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 74 24"><path fill="currentColor" fill-rule="evenodd" d="M63.235 18.933V11.6c0-1.711-.088-2.8-.955-4.045h4.69v3.09C67.723 8.51 69.057 7.4 70.545 7.4c.223 0 .511.022.711.089l.467 4.11h-.133c-.466-.266-1.133-.444-1.845-.444-1.755 0-2.866 1.178-2.866 3.778 0 1.467.334 2.978 1.067 4h-4.712zM61.446 16.823c-.845 1.244-2.622 2.31-4.978 2.31-3.533 0-5.822-2.088-5.822-5.733 0-3.6 2.556-6.044 5.822-6.044 3.11 0 5.022 1.933 5.022 4.711 0 .533.044.911.2 1.289h-7.177c.178 2.044 1.266 3.378 3.488 3.378 1.311 0 2.334-.4 3.445-1.223v1.312zm-5.044-7.667c-.956 0-1.756.822-1.912 2.8h3.778c-.022-1.867-.578-2.8-1.866-2.8zM36.641 7.556h4.69v1.933c.666-1.2 1.91-2.133 3.71-2.133 2.534 0 4.444 2.044 4.444 5.378 0 3.555-2.444 6.4-6.31 6.4a7.41 7.41 0 01-1.845-.245v1.422c0 1.534.2 2.667 1.022 3.689h-4.71V11.267c0-1.578-.2-2.689-1-3.711zm4.556 6.289c0 2.11.622 3.755 2.177 3.755 1.356 0 2.178-1.578 2.178-3.91 0-2.623-.689-4.045-2.133-4.045-1 0-2.222 1.044-2.222 4.2zM33.124 5.889c-.977 0-2.222-.956-2.222-1.911C30.902 3 32.147 2 33.124 2c.956 0 2.244 1 2.244 1.978 0 .955-1.31 1.91-2.244 1.91zm-2.822 1.666h4.69v7.711c0 1.423.199 2.69 1.021 3.667h-4.71v-7.666c0-1.578-.2-2.69-1-3.712zM19.32 11.378V9.823c.844-1.334 2.622-2.467 4.755-2.467 3.289 0 4.8 1.778 4.8 4.6v3.31c0 1.557.244 2.69 1.022 3.667h-4.689V17.2c-.622.956-1.8 1.911-3.644 1.911-1.956 0-3.155-1.066-3.155-2.8 0-1.666 1.11-2.666 3.644-3.288 2.422-.623 3.155-.778 3.155-1.845 0-.911-.822-1.289-2.066-1.289-1.445 0-2.845.645-3.756 1.49h-.066zm2.71 4.489c0 .689.4 1.311 1.267 1.311.978 0 1.911-.867 1.911-2.622V13.51l-1.733.623c-.844.377-1.444.844-1.444 1.733zM1 2.822h5.244v7.067h6.178v-3.49c0-1.51-.222-2.577-1.022-3.577h5.222v12.533c0 1.511.222 2.622 1.022 3.578h-5.222v-6.845H6.244v3.267c0 1.511.223 2.622 1.023 3.578H2.044V6.4c0-1.511-.222-2.578-1.044-3.578z"/></svg> </template>
CSS
.icon-haiper-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%2074%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M63.235%2018.933V11.6c0-1.711-.088-2.8-.955-4.045h4.69v3.09C67.723%208.51%2069.057%207.4%2070.545%207.4c.223%200%20.511.022.711.089l.467%204.11h-.133c-.466-.266-1.133-.444-1.845-.444-1.755%200-2.866%201.178-2.866%203.778%200%201.467.334%202.978%201.067%204h-4.712zM61.446%2016.823c-.845%201.244-2.622%202.31-4.978%202.31-3.533%200-5.822-2.088-5.822-5.733%200-3.6%202.556-6.044%205.822-6.044%203.11%200%205.022%201.933%205.022%204.711%200%20.533.044.911.2%201.289h-7.177c.178%202.044%201.266%203.378%203.488%203.378%201.311%200%202.334-.4%203.445-1.223v1.312zm-5.044-7.667c-.956%200-1.756.822-1.912%202.8h3.778c-.022-1.867-.578-2.8-1.866-2.8zM36.641%207.556h4.69v1.933c.666-1.2%201.91-2.133%203.71-2.133%202.534%200%204.444%202.044%204.444%205.378%200%203.555-2.444%206.4-6.31%206.4a7.41%207.41%200%2001-1.845-.245v1.422c0%201.534.2%202.667%201.022%203.689h-4.71V11.267c0-1.578-.2-2.689-1-3.711zm4.556%206.289c0%202.11.622%203.755%202.177%203.755%201.356%200%202.178-1.578%202.178-3.91%200-2.623-.689-4.045-2.133-4.045-1%200-2.222%201.044-2.222%204.2zM33.124%205.889c-.977%200-2.222-.956-2.222-1.911C30.902%203%2032.147%202%2033.124%202c.956%200%202.244%201%202.244%201.978%200%20.955-1.31%201.91-2.244%201.91zm-2.822%201.666h4.69v7.711c0%201.423.199%202.69%201.021%203.667h-4.71v-7.666c0-1.578-.2-2.69-1-3.712zM19.32%2011.378V9.823c.844-1.334%202.622-2.467%204.755-2.467%203.289%200%204.8%201.778%204.8%204.6v3.31c0%201.557.244%202.69%201.022%203.667h-4.689V17.2c-.622.956-1.8%201.911-3.644%201.911-1.956%200-3.155-1.066-3.155-2.8%200-1.666%201.11-2.666%203.644-3.288%202.422-.623%203.155-.778%203.155-1.845%200-.911-.822-1.289-2.066-1.289-1.445%200-2.845.645-3.756%201.49h-.066zm2.71%204.489c0%20.689.4%201.311%201.267%201.311.978%200%201.911-.867%201.911-2.622V13.51l-1.733.623c-.844.377-1.444.844-1.444%201.733zM1%202.822h5.244v7.067h6.178v-3.49c0-1.51-.222-2.577-1.022-3.577h5.222v12.533c0%201.511.222%202.622%201.022%203.578h-5.222v-6.845H6.244v3.267c0%201.511.223%202.622%201.023%203.578H2.044V6.4c0-1.511-.222-2.578-1.044-3.578z%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%2074%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M63.235%2018.933V11.6c0-1.711-.088-2.8-.955-4.045h4.69v3.09C67.723%208.51%2069.057%207.4%2070.545%207.4c.223%200%20.511.022.711.089l.467%204.11h-.133c-.466-.266-1.133-.444-1.845-.444-1.755%200-2.866%201.178-2.866%203.778%200%201.467.334%202.978%201.067%204h-4.712zM61.446%2016.823c-.845%201.244-2.622%202.31-4.978%202.31-3.533%200-5.822-2.088-5.822-5.733%200-3.6%202.556-6.044%205.822-6.044%203.11%200%205.022%201.933%205.022%204.711%200%20.533.044.911.2%201.289h-7.177c.178%202.044%201.266%203.378%203.488%203.378%201.311%200%202.334-.4%203.445-1.223v1.312zm-5.044-7.667c-.956%200-1.756.822-1.912%202.8h3.778c-.022-1.867-.578-2.8-1.866-2.8zM36.641%207.556h4.69v1.933c.666-1.2%201.91-2.133%203.71-2.133%202.534%200%204.444%202.044%204.444%205.378%200%203.555-2.444%206.4-6.31%206.4a7.41%207.41%200%2001-1.845-.245v1.422c0%201.534.2%202.667%201.022%203.689h-4.71V11.267c0-1.578-.2-2.689-1-3.711zm4.556%206.289c0%202.11.622%203.755%202.177%203.755%201.356%200%202.178-1.578%202.178-3.91%200-2.623-.689-4.045-2.133-4.045-1%200-2.222%201.044-2.222%204.2zM33.124%205.889c-.977%200-2.222-.956-2.222-1.911C30.902%203%2032.147%202%2033.124%202c.956%200%202.244%201%202.244%201.978%200%20.955-1.31%201.91-2.244%201.91zm-2.822%201.666h4.69v7.711c0%201.423.199%202.69%201.021%203.667h-4.71v-7.666c0-1.578-.2-2.69-1-3.712zM19.32%2011.378V9.823c.844-1.334%202.622-2.467%204.755-2.467%203.289%200%204.8%201.778%204.8%204.6v3.31c0%201.557.244%202.69%201.022%203.667h-4.689V17.2c-.622.956-1.8%201.911-3.644%201.911-1.956%200-3.155-1.066-3.155-2.8%200-1.666%201.11-2.666%203.644-3.288%202.422-.623%203.155-.778%203.155-1.845%200-.911-.822-1.289-2.066-1.289-1.445%200-2.845.645-3.756%201.49h-.066zm2.71%204.489c0%20.689.4%201.311%201.267%201.311.978%200%201.911-.867%201.911-2.622V13.51l-1.733.623c-.844.377-1.444.844-1.444%201.733zM1%202.822h5.244v7.067h6.178v-3.49c0-1.51-.222-2.577-1.022-3.577h5.222v12.533c0%201.511.222%202.622%201.022%203.578h-5.222v-6.845H6.244v3.267c0%201.511.223%202.622%201.023%203.578H2.044V6.4c0-1.511-.222-2.578-1.044-3.578z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/lobehub/haiper-text.svg?color=%231a73e8&size=48
