kling logo
kling-text from LobeHub AI Icons by LobeHub · Wordmark · MIT Free for personal and commercial use.
- Name
- kling-text
- Set
- LobeHub AI Icons
- Style
- Wordmark
- Viewbox
- 80×24
- License
- MIT
2 other variants in LobeHub AI Icons
Use the kling logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 80 24"><path fill="currentColor" fill-rule="evenodd" d="M74.74 8.828c-.539-2.284-1.416-3.083-3.726-3.331a10.18 10.18 0 00-1.957-.042c-3.072.249-4.067 1.338-4.067 4.392 0 1.57-.013 3.14.005 4.71.023 2.076.969 3.5 2.996 3.865 1.362.244 2.879.175 4.22-.168 1.723-.437 2.488-1.946 2.307-3.863h-4.586v-2.918h8.088c0 .527.017 1.048.035 1.565.038 1.13.075 2.237-.075 3.317-.4 2.926-2.839 5.147-6.288 5.556-1.726.204-3.596.052-5.28-.398-3.13-.839-4.854-3.392-4.874-6.632-.013-1.875-.003-3.75 0-5.626.002-4.039 1.66-6.147 5.633-6.943 2.703-.542 5.398-.459 7.892.903 2.155 1.179 3.124 3.054 3.035 5.608h-3.352l-.005.005zM57.685 21.748h-3.159V5.638h-9.198v16.074h-3.24V2.697h15.597v19.051zM30.807 18.849h-8.205V2.513h-3.13v19.16h11.335v-2.824zM36.876 21.735h-3.023V2.511h3.023v19.224zM2 21.735h3.022v-9.117h.042l8.12 9.056h3.747l-8.12-9.056h-.125l8.12-9.993h-3.748l-8.036 9.89V2.511H2v19.224z"/></svg>
React
import type { SVGProps } from "react";
export function LobehubKlingText(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 80 24"><path fill="currentColor" fillRule="evenodd" d="M74.74 8.828c-.539-2.284-1.416-3.083-3.726-3.331a10.18 10.18 0 00-1.957-.042c-3.072.249-4.067 1.338-4.067 4.392 0 1.57-.013 3.14.005 4.71.023 2.076.969 3.5 2.996 3.865 1.362.244 2.879.175 4.22-.168 1.723-.437 2.488-1.946 2.307-3.863h-4.586v-2.918h8.088c0 .527.017 1.048.035 1.565.038 1.13.075 2.237-.075 3.317-.4 2.926-2.839 5.147-6.288 5.556-1.726.204-3.596.052-5.28-.398-3.13-.839-4.854-3.392-4.874-6.632-.013-1.875-.003-3.75 0-5.626.002-4.039 1.66-6.147 5.633-6.943 2.703-.542 5.398-.459 7.892.903 2.155 1.179 3.124 3.054 3.035 5.608h-3.352l-.005.005zM57.685 21.748h-3.159V5.638h-9.198v16.074h-3.24V2.697h15.597v19.051zM30.807 18.849h-8.205V2.513h-3.13v19.16h11.335v-2.824zM36.876 21.735h-3.023V2.511h3.023v19.224zM2 21.735h3.022v-9.117h.042l8.12 9.056h3.747l-8.12-9.056h-.125l8.12-9.993h-3.748l-8.036 9.89V2.511H2v19.224z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 80 24"><path fill="currentColor" fill-rule="evenodd" d="M74.74 8.828c-.539-2.284-1.416-3.083-3.726-3.331a10.18 10.18 0 00-1.957-.042c-3.072.249-4.067 1.338-4.067 4.392 0 1.57-.013 3.14.005 4.71.023 2.076.969 3.5 2.996 3.865 1.362.244 2.879.175 4.22-.168 1.723-.437 2.488-1.946 2.307-3.863h-4.586v-2.918h8.088c0 .527.017 1.048.035 1.565.038 1.13.075 2.237-.075 3.317-.4 2.926-2.839 5.147-6.288 5.556-1.726.204-3.596.052-5.28-.398-3.13-.839-4.854-3.392-4.874-6.632-.013-1.875-.003-3.75 0-5.626.002-4.039 1.66-6.147 5.633-6.943 2.703-.542 5.398-.459 7.892.903 2.155 1.179 3.124 3.054 3.035 5.608h-3.352l-.005.005zM57.685 21.748h-3.159V5.638h-9.198v16.074h-3.24V2.697h15.597v19.051zM30.807 18.849h-8.205V2.513h-3.13v19.16h11.335v-2.824zM36.876 21.735h-3.023V2.511h3.023v19.224zM2 21.735h3.022v-9.117h.042l8.12 9.056h3.747l-8.12-9.056h-.125l8.12-9.993h-3.748l-8.036 9.89V2.511H2v19.224z"/></svg> </template>
CSS
.icon-kling-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%2080%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M74.74%208.828c-.539-2.284-1.416-3.083-3.726-3.331a10.18%2010.18%200%2000-1.957-.042c-3.072.249-4.067%201.338-4.067%204.392%200%201.57-.013%203.14.005%204.71.023%202.076.969%203.5%202.996%203.865%201.362.244%202.879.175%204.22-.168%201.723-.437%202.488-1.946%202.307-3.863h-4.586v-2.918h8.088c0%20.527.017%201.048.035%201.565.038%201.13.075%202.237-.075%203.317-.4%202.926-2.839%205.147-6.288%205.556-1.726.204-3.596.052-5.28-.398-3.13-.839-4.854-3.392-4.874-6.632-.013-1.875-.003-3.75%200-5.626.002-4.039%201.66-6.147%205.633-6.943%202.703-.542%205.398-.459%207.892.903%202.155%201.179%203.124%203.054%203.035%205.608h-3.352l-.005.005zM57.685%2021.748h-3.159V5.638h-9.198v16.074h-3.24V2.697h15.597v19.051zM30.807%2018.849h-8.205V2.513h-3.13v19.16h11.335v-2.824zM36.876%2021.735h-3.023V2.511h3.023v19.224zM2%2021.735h3.022v-9.117h.042l8.12%209.056h3.747l-8.12-9.056h-.125l8.12-9.993h-3.748l-8.036%209.89V2.511H2v19.224z%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%2080%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M74.74%208.828c-.539-2.284-1.416-3.083-3.726-3.331a10.18%2010.18%200%2000-1.957-.042c-3.072.249-4.067%201.338-4.067%204.392%200%201.57-.013%203.14.005%204.71.023%202.076.969%203.5%202.996%203.865%201.362.244%202.879.175%204.22-.168%201.723-.437%202.488-1.946%202.307-3.863h-4.586v-2.918h8.088c0%20.527.017%201.048.035%201.565.038%201.13.075%202.237-.075%203.317-.4%202.926-2.839%205.147-6.288%205.556-1.726.204-3.596.052-5.28-.398-3.13-.839-4.854-3.392-4.874-6.632-.013-1.875-.003-3.75%200-5.626.002-4.039%201.66-6.147%205.633-6.943%202.703-.542%205.398-.459%207.892.903%202.155%201.179%203.124%203.054%203.035%205.608h-3.352l-.005.005zM57.685%2021.748h-3.159V5.638h-9.198v16.074h-3.24V2.697h15.597v19.051zM30.807%2018.849h-8.205V2.513h-3.13v19.16h11.335v-2.824zM36.876%2021.735h-3.023V2.511h3.023v19.224zM2%2021.735h3.022v-9.117h.042l8.12%209.056h3.747l-8.12-9.056h-.125l8.12-9.993h-3.748l-8.036%209.89V2.511H2v19.224z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/lobehub/kling-text.svg?color=%231a73e8&size=48
