krea logo
krea-text from LobeHub AI Icons by LobeHub · Wordmark · MIT Free for personal and commercial use.
- Name
- krea-text
- Set
- LobeHub AI Icons
- Style
- Wordmark
- Viewbox
- 76×24
- License
- MIT
1 other variant in LobeHub AI Icons
Use the krea logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 76 24"><path fill="currentColor" d="M59.292 22h-4.53l6.904-20h5.449l6.894 20h-4.531l-5.01-15.43h-.156L59.292 22zm-.283-7.861h10.703v3.3H59.01v-3.3zM39.007 22V2h13.476v3.486h-9.248v4.766h8.555v3.486h-8.555v4.776h9.288V22H39.007zM20.96 22V2h7.89c1.511 0 2.8.27 3.868.81 1.074.534 1.891 1.293 2.45 2.276.567.976.85 2.126.85 3.447 0 1.328-.286 2.47-.859 3.428-.573.95-1.403 1.68-2.49 2.187-1.08.508-2.39.762-3.926.762H23.46v-3.398h4.6c.807 0 1.477-.111 2.011-.332.534-.222.931-.554 1.192-.996.267-.443.4-.993.4-1.65 0-.665-.133-1.225-.4-1.68-.26-.456-.661-.801-1.202-1.036-.533-.24-1.207-.361-2.021-.361h-2.851V22H20.96zm10.8-9.102L36.732 22h-4.668L27.2 12.898h4.56zM2 22V2h4.229v8.818h.263L13.69 2h5.068l-7.422 8.955L18.846 22h-5.059L8.31 13.777l-2.08 2.54V22H2z"/></svg>
React
import type { SVGProps } from "react";
export function LobehubKreaText(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 76 24"><path fill="currentColor" d="M59.292 22h-4.53l6.904-20h5.449l6.894 20h-4.531l-5.01-15.43h-.156L59.292 22zm-.283-7.861h10.703v3.3H59.01v-3.3zM39.007 22V2h13.476v3.486h-9.248v4.766h8.555v3.486h-8.555v4.776h9.288V22H39.007zM20.96 22V2h7.89c1.511 0 2.8.27 3.868.81 1.074.534 1.891 1.293 2.45 2.276.567.976.85 2.126.85 3.447 0 1.328-.286 2.47-.859 3.428-.573.95-1.403 1.68-2.49 2.187-1.08.508-2.39.762-3.926.762H23.46v-3.398h4.6c.807 0 1.477-.111 2.011-.332.534-.222.931-.554 1.192-.996.267-.443.4-.993.4-1.65 0-.665-.133-1.225-.4-1.68-.26-.456-.661-.801-1.202-1.036-.533-.24-1.207-.361-2.021-.361h-2.851V22H20.96zm10.8-9.102L36.732 22h-4.668L27.2 12.898h4.56zM2 22V2h4.229v8.818h.263L13.69 2h5.068l-7.422 8.955L18.846 22h-5.059L8.31 13.777l-2.08 2.54V22H2z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 76 24"><path fill="currentColor" d="M59.292 22h-4.53l6.904-20h5.449l6.894 20h-4.531l-5.01-15.43h-.156L59.292 22zm-.283-7.861h10.703v3.3H59.01v-3.3zM39.007 22V2h13.476v3.486h-9.248v4.766h8.555v3.486h-8.555v4.776h9.288V22H39.007zM20.96 22V2h7.89c1.511 0 2.8.27 3.868.81 1.074.534 1.891 1.293 2.45 2.276.567.976.85 2.126.85 3.447 0 1.328-.286 2.47-.859 3.428-.573.95-1.403 1.68-2.49 2.187-1.08.508-2.39.762-3.926.762H23.46v-3.398h4.6c.807 0 1.477-.111 2.011-.332.534-.222.931-.554 1.192-.996.267-.443.4-.993.4-1.65 0-.665-.133-1.225-.4-1.68-.26-.456-.661-.801-1.202-1.036-.533-.24-1.207-.361-2.021-.361h-2.851V22H20.96zm10.8-9.102L36.732 22h-4.668L27.2 12.898h4.56zM2 22V2h4.229v8.818h.263L13.69 2h5.068l-7.422 8.955L18.846 22h-5.059L8.31 13.777l-2.08 2.54V22H2z"/></svg> </template>
CSS
.icon-krea-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%2076%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M59.292%2022h-4.53l6.904-20h5.449l6.894%2020h-4.531l-5.01-15.43h-.156L59.292%2022zm-.283-7.861h10.703v3.3H59.01v-3.3zM39.007%2022V2h13.476v3.486h-9.248v4.766h8.555v3.486h-8.555v4.776h9.288V22H39.007zM20.96%2022V2h7.89c1.511%200%202.8.27%203.868.81%201.074.534%201.891%201.293%202.45%202.276.567.976.85%202.126.85%203.447%200%201.328-.286%202.47-.859%203.428-.573.95-1.403%201.68-2.49%202.187-1.08.508-2.39.762-3.926.762H23.46v-3.398h4.6c.807%200%201.477-.111%202.011-.332.534-.222.931-.554%201.192-.996.267-.443.4-.993.4-1.65%200-.665-.133-1.225-.4-1.68-.26-.456-.661-.801-1.202-1.036-.533-.24-1.207-.361-2.021-.361h-2.851V22H20.96zm10.8-9.102L36.732%2022h-4.668L27.2%2012.898h4.56zM2%2022V2h4.229v8.818h.263L13.69%202h5.068l-7.422%208.955L18.846%2022h-5.059L8.31%2013.777l-2.08%202.54V22H2z%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%2076%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M59.292%2022h-4.53l6.904-20h5.449l6.894%2020h-4.531l-5.01-15.43h-.156L59.292%2022zm-.283-7.861h10.703v3.3H59.01v-3.3zM39.007%2022V2h13.476v3.486h-9.248v4.766h8.555v3.486h-8.555v4.776h9.288V22H39.007zM20.96%2022V2h7.89c1.511%200%202.8.27%203.868.81%201.074.534%201.891%201.293%202.45%202.276.567.976.85%202.126.85%203.447%200%201.328-.286%202.47-.859%203.428-.573.95-1.403%201.68-2.49%202.187-1.08.508-2.39.762-3.926.762H23.46v-3.398h4.6c.807%200%201.477-.111%202.011-.332.534-.222.931-.554%201.192-.996.267-.443.4-.993.4-1.65%200-.665-.133-1.225-.4-1.68-.26-.456-.661-.801-1.202-1.036-.533-.24-1.207-.361-2.021-.361h-2.851V22H20.96zm10.8-9.102L36.732%2022h-4.668L27.2%2012.898h4.56zM2%2022V2h4.229v8.818h.263L13.69%202h5.068l-7.422%208.955L18.846%2022h-5.059L8.31%2013.777l-2.08%202.54V22H2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/lobehub/krea-text.svg?color=%231a73e8&size=48
