packages/devtools-ui/src/components/icons/chatbot.tsx
import React from "react";
export const ChatbotIcon = (props: React.SVGProps<SVGSVGElement>) => (
<svg
width={20}
height={20}
viewBox="0 0 20 20"
fill="none"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M7.5 12.5C8.19035 12.5 8.75 11.9404 8.75 11.25C8.75 10.5596 8.19035 10 7.5 10C6.80965 10 6.25 10.5596 6.25 11.25C6.25 11.9404 6.80965 12.5 7.5 12.5Z"
fill="currentColor"
/>
<path
d="M13.75 11.25C13.75 11.9404 13.1903 12.5 12.5 12.5C11.8097 12.5 11.25 11.9404 11.25 11.25C11.25 10.5596 11.8097 10 12.5 10C13.1903 10 13.75 10.5596 13.75 11.25Z"
fill="currentColor"
/>
<path
d="M8.75 15C8.40481 15 8.125 15.2798 8.125 15.625C8.125 15.9702 8.40481 16.25 8.75 16.25H11.25C11.5952 16.25 11.875 15.9702 11.875 15.625C11.875 15.2798 11.5952 15 11.25 15H8.75Z"
fill="currentColor"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M10.625 3.64332C11.3533 3.38593 11.875 2.6914 11.875 1.87501C11.875 0.839472 11.0355 0 10 0C8.96446 0 8.125 0.839472 8.125 1.87501C8.125 2.6914 8.64674 3.38593 9.375 3.64332V5H5C3.61927 5 2.5 6.11929 2.5 7.5V8.75H1.25C0.559654 8.75 0 9.30964 0 10V15C0 15.6904 0.559654 16.25 1.25 16.25H2.5V17.5C2.5 18.8807 3.61927 20 5 20H15C16.3807 20 17.5 18.8807 17.5 17.5V16.25H18.75C19.4403 16.25 20 15.6904 20 15V10C20 9.30964 19.4403 8.75 18.75 8.75H17.5V7.5C17.5 6.11929 16.3807 5 15 5H10.625V3.64332ZM16.25 17.5C16.25 18.1904 15.6903 18.75 15 18.75H5C4.30965 18.75 3.75 18.1904 3.75 17.5V7.5C3.75 6.80965 4.30965 6.25 5 6.25H15C15.6903 6.25 16.25 6.80965 16.25 7.5V17.5ZM18.75 15H17.5V10H18.75V15ZM2.5 15V10H1.25V15H2.5Z"
fill="currentColor"
/>
</svg>
);