kagi logo
kagi from LobeHub AI Icons by LobeHub · Mono · MIT Free for personal and commercial use.
- Name
- kagi
- Set
- LobeHub AI Icons
- Style
- Mono
- Viewbox
- 24×24
- License
- MIT
1 other variant in LobeHub AI Icons
The same logo in other sets
Use the kagi logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M14.498 18.392h-5.14c-1.39 0-1.632-1.508-1.39-2.11.12-.302.423-.724.664-1.026a6.81 6.81 0 003.326.845 6.945 6.945 0 006.954-6.935c0-2.05-.907-3.86-2.298-5.186l.181-.181c.363-.362.907-.603 1.451-.543l.847.06V0h-1.451c-1.693 0-3.084 1.025-3.689 2.472a6.83 6.83 0 00-1.934-.301 6.945 6.945 0 00-6.954 6.935c0 1.507.484 2.954 1.33 4.1a1.84 1.84 0 01-.423.302l-.181.18c-1.391 1.327-2.056 3.015-1.693 4.945.181 1.025 1.088 2.11 1.995 2.714.605.422 1.39.603 2.177.603l5.804-.242c.665 0 1.27.302 1.633.905L16.432 24 20 22.794l-.605-1.327a5.425 5.425 0 00-4.897-3.075zm-2.48-12.543c1.814 0 3.326 1.508 3.326 3.317 0 1.809-1.512 3.316-3.325 3.316-1.814 0-3.326-1.507-3.326-3.316 0-1.87 1.451-3.317 3.325-3.317z"/></svg>
React
import type { SVGProps } from "react";
export function LobehubKagi(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M14.498 18.392h-5.14c-1.39 0-1.632-1.508-1.39-2.11.12-.302.423-.724.664-1.026a6.81 6.81 0 003.326.845 6.945 6.945 0 006.954-6.935c0-2.05-.907-3.86-2.298-5.186l.181-.181c.363-.362.907-.603 1.451-.543l.847.06V0h-1.451c-1.693 0-3.084 1.025-3.689 2.472a6.83 6.83 0 00-1.934-.301 6.945 6.945 0 00-6.954 6.935c0 1.507.484 2.954 1.33 4.1a1.84 1.84 0 01-.423.302l-.181.18c-1.391 1.327-2.056 3.015-1.693 4.945.181 1.025 1.088 2.11 1.995 2.714.605.422 1.39.603 2.177.603l5.804-.242c.665 0 1.27.302 1.633.905L16.432 24 20 22.794l-.605-1.327a5.425 5.425 0 00-4.897-3.075zm-2.48-12.543c1.814 0 3.326 1.508 3.326 3.317 0 1.809-1.512 3.316-3.325 3.316-1.814 0-3.326-1.507-3.326-3.316 0-1.87 1.451-3.317 3.325-3.317z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M14.498 18.392h-5.14c-1.39 0-1.632-1.508-1.39-2.11.12-.302.423-.724.664-1.026a6.81 6.81 0 003.326.845 6.945 6.945 0 006.954-6.935c0-2.05-.907-3.86-2.298-5.186l.181-.181c.363-.362.907-.603 1.451-.543l.847.06V0h-1.451c-1.693 0-3.084 1.025-3.689 2.472a6.83 6.83 0 00-1.934-.301 6.945 6.945 0 00-6.954 6.935c0 1.507.484 2.954 1.33 4.1a1.84 1.84 0 01-.423.302l-.181.18c-1.391 1.327-2.056 3.015-1.693 4.945.181 1.025 1.088 2.11 1.995 2.714.605.422 1.39.603 2.177.603l5.804-.242c.665 0 1.27.302 1.633.905L16.432 24 20 22.794l-.605-1.327a5.425 5.425 0 00-4.897-3.075zm-2.48-12.543c1.814 0 3.326 1.508 3.326 3.317 0 1.809-1.512 3.316-3.325 3.316-1.814 0-3.326-1.507-3.326-3.316 0-1.87 1.451-3.317 3.325-3.317z"/></svg> </template>
CSS
.icon-kagi {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M14.498%2018.392h-5.14c-1.39%200-1.632-1.508-1.39-2.11.12-.302.423-.724.664-1.026a6.81%206.81%200%20003.326.845%206.945%206.945%200%20006.954-6.935c0-2.05-.907-3.86-2.298-5.186l.181-.181c.363-.362.907-.603%201.451-.543l.847.06V0h-1.451c-1.693%200-3.084%201.025-3.689%202.472a6.83%206.83%200%2000-1.934-.301%206.945%206.945%200%2000-6.954%206.935c0%201.507.484%202.954%201.33%204.1a1.84%201.84%200%2001-.423.302l-.181.18c-1.391%201.327-2.056%203.015-1.693%204.945.181%201.025%201.088%202.11%201.995%202.714.605.422%201.39.603%202.177.603l5.804-.242c.665%200%201.27.302%201.633.905L16.432%2024%2020%2022.794l-.605-1.327a5.425%205.425%200%2000-4.897-3.075zm-2.48-12.543c1.814%200%203.326%201.508%203.326%203.317%200%201.809-1.512%203.316-3.325%203.316-1.814%200-3.326-1.507-3.326-3.316%200-1.87%201.451-3.317%203.325-3.317z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M14.498%2018.392h-5.14c-1.39%200-1.632-1.508-1.39-2.11.12-.302.423-.724.664-1.026a6.81%206.81%200%20003.326.845%206.945%206.945%200%20006.954-6.935c0-2.05-.907-3.86-2.298-5.186l.181-.181c.363-.362.907-.603%201.451-.543l.847.06V0h-1.451c-1.693%200-3.084%201.025-3.689%202.472a6.83%206.83%200%2000-1.934-.301%206.945%206.945%200%2000-6.954%206.935c0%201.507.484%202.954%201.33%204.1a1.84%201.84%200%2001-.423.302l-.181.18c-1.391%201.327-2.056%203.015-1.693%204.945.181%201.025%201.088%202.11%201.995%202.714.605.422%201.39.603%202.177.603l5.804-.242c.665%200%201.27.302%201.633.905L16.432%2024%2020%2022.794l-.605-1.327a5.425%205.425%200%2000-4.897-3.075zm-2.48-12.543c1.814%200%203.326%201.508%203.326%203.317%200%201.809-1.512%203.316-3.325%203.316-1.814%200-3.326-1.507-3.326-3.316%200-1.87%201.451-3.317%203.325-3.317z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/lobehub/kagi.svg?color=%231a73e8&size=48
