Skip to content
Cuelark UI

Hover the icon or press Play. Suggested motion: pop. Pick another to preview it and update the animated code:

Remix Icon · RiAppsAiLine

Apps Ai Line icon

A free apps ai line icon from Remix Icon, ready for React. Use it static or animated: both versions are below, copy-paste or one shadcn command away. Sized in em and colored by currentColor.

License
Apache License Version 2.0
Project
github.com
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/remix/apps-ai-line.json
components/icons/remix-apps-ai-line.tsx
import * as React from "react";

/**
 * Apps Ai Line from Remix Icon (https://github.com/Remix-Design/RemixIcon), Apache License Version 2.0.
 * Via Cuelark UI: ui.cuelark.com/icons/remix/apps-ai-line. Sized in em, colored by currentColor.
 */
export function RiAppsAiLineIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 24 24"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M11 17.2498C11 19.597 9.09721 21.4998 6.75 21.4998C4.40279 21.4998 2.5 19.597 2.5 17.2498C2.50011 14.9027 4.40286 12.9998 6.75 12.9998H11V17.2498ZM17.25 12.9998C19.5971 12.9998 21.4999 14.9027 21.5 17.2498C21.5 19.597 19.5972 21.4998 17.25 21.4998C14.9028 21.4998 13 19.597 13 17.2498V12.9998H17.25ZM6.75 14.9998C5.50743 14.9998 4.50011 16.0073 4.5 17.2498C4.5 18.4925 5.50736 19.4998 6.75 19.4998C7.99264 19.4998 9 18.4925 9 17.2498V14.9998H6.75ZM15 17.2498C15 18.4925 16.0074 19.4998 17.25 19.4998C18.4926 19.4998 19.5 18.4925 19.5 17.2498C19.4999 16.0073 18.4926 14.9998 17.25 14.9998H15V17.2498ZM6.75 2.4998C9.09714 2.4998 10.9999 4.40269 11 6.74981V10.9998H6.75C4.40279 10.9998 2.5 9.09703 2.5 6.74981C2.50011 4.40269 4.40286 2.4998 6.75 2.4998ZM16.75 2.83965C16.9375 2.38722 17.5626 2.38722 17.75 2.83965L18.0195 3.48809C18.4785 4.59556 19.3346 5.48026 20.4111 5.95879L21.1729 6.29766C21.609 6.49178 21.6091 7.12607 21.1729 7.32013L20.3652 7.67852C19.3158 8.14506 18.4748 8.99814 18.0078 10.0692L17.7461 10.6697C17.5544 11.1095 16.9457 11.1095 16.7539 10.6697L16.4922 10.0692C16.0252 8.99814 15.1842 8.14506 14.1348 7.67852L13.3271 7.32013C12.891 7.1261 12.891 6.49175 13.3271 6.29766L14.0889 5.95879C15.1654 5.48026 16.0216 4.59556 16.4805 3.48809L16.75 2.83965ZM6.75 4.49981C5.50743 4.49981 4.50011 5.50726 4.5 6.74981C4.5 7.99245 5.50736 8.99982 6.75 8.99982H9V6.74981C8.99989 5.50726 7.99257 4.49981 6.75 4.49981Z"
      />
    </svg>
  );
}
With react-icons
import { RiAppsAiLine } from "react-icons/ri";

export function Example() {
  return <RiAppsAiLine className="size-5" />;
}
apps-ai-line.svg
<svg
  viewBox="0 0 24 24"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M11 17.2498C11 19.597 9.09721 21.4998 6.75 21.4998C4.40279 21.4998 2.5 19.597 2.5 17.2498C2.50011 14.9027 4.40286 12.9998 6.75 12.9998H11V17.2498ZM17.25 12.9998C19.5971 12.9998 21.4999 14.9027 21.5 17.2498C21.5 19.597 19.5972 21.4998 17.25 21.4998C14.9028 21.4998 13 19.597 13 17.2498V12.9998H17.25ZM6.75 14.9998C5.50743 14.9998 4.50011 16.0073 4.5 17.2498C4.5 18.4925 5.50736 19.4998 6.75 19.4998C7.99264 19.4998 9 18.4925 9 17.2498V14.9998H6.75ZM15 17.2498C15 18.4925 16.0074 19.4998 17.25 19.4998C18.4926 19.4998 19.5 18.4925 19.5 17.2498C19.4999 16.0073 18.4926 14.9998 17.25 14.9998H15V17.2498ZM6.75 2.4998C9.09714 2.4998 10.9999 4.40269 11 6.74981V10.9998H6.75C4.40279 10.9998 2.5 9.09703 2.5 6.74981C2.50011 4.40269 4.40286 2.4998 6.75 2.4998ZM16.75 2.83965C16.9375 2.38722 17.5626 2.38722 17.75 2.83965L18.0195 3.48809C18.4785 4.59556 19.3346 5.48026 20.4111 5.95879L21.1729 6.29766C21.609 6.49178 21.6091 7.12607 21.1729 7.32013L20.3652 7.67852C19.3158 8.14506 18.4748 8.99814 18.0078 10.0692L17.7461 10.6697C17.5544 11.1095 16.9457 11.1095 16.7539 10.6697L16.4922 10.0692C16.0252 8.99814 15.1842 8.14506 14.1348 7.67852L13.3271 7.32013C12.891 7.1261 12.891 6.49175 13.3271 6.29766L14.0889 5.95879C15.1654 5.48026 16.0216 4.59556 16.4805 3.48809L16.75 2.83965ZM6.75 4.49981C5.50743 4.49981 4.50011 5.50726 4.5 6.74981C4.5 7.99245 5.50736 8.99982 6.75 8.99982H9V6.74981C8.99989 5.50726 7.99257 4.49981 6.75 4.49981Z"
  />
</svg>
Attribution
"Apps Ai Line" icon from Remix Icon (https://github.com/Remix-Design/RemixIcon), licensed under Apache License Version 2.0.

Related icons: grid, layout, dashboard, tiles