Skip to content
Cuelark UI

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

Ant Design Icons · AiOutlineOpenAI

Outline Open Ai icon

A free outline open ai icon from Ant Design Icons, 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
MIT license
Project
github.com
Install with shadcn
npx shadcn@latest add https://ui.cuelark.com/r/icons/ant-design/outline-open-ai.json
components/icons/ant-design-outline-open-ai.tsx
import * as React from "react";

/**
 * Outline Open Ai from Ant Design Icons (https://github.com/ant-design/ant-design-icons), MIT.
 * Via Cuelark UI: ui.cuelark.com/icons/ant-design/outline-open-ai. Sized in em, colored by currentColor.
 */
export function AiOutlineOpenAIIcon(props: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      aria-hidden="true"
      viewBox="0 0 1024 1024"
      fillRule="evenodd"
      stroke="currentColor"
      fill="currentColor"
      strokeWidth="0"
      width="1em"
      height="1em"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M358.878 0c-84.345 0-156.575 52.808-185.68 126.983-60.887 8.128-115.29 43.622-146.595 97.837C-15.56 297.814-5.953 386.702 43.74 448.978 20.36 505.726 23.887 570.575 55.164 624.76c42.18 73.024 124.095 109.152 202.937 97.235C295.585 770.621 353.51 800 416.121 800c84.346 0 156.576-52.808 185.68-126.983 60.888-8.128 115.291-43.622 146.596-97.837 42.163-72.994 32.556-161.882-17.137-224.158 23.38-56.748 19.853-121.597-11.424-175.782-42.18-73.024-124.095-109.152-202.937-97.235C479.415 29.379 421.49 0 358.879 0m0 61.538c35.593 0 68.972 13.99 94.223 37.74-1.928 1.031-3.925 1.845-5.832 2.946L310.594 181.13c-14.223 8.184-23.028 23.353-23.09 39.783l-.841 183.594-65.722-38.341V199.399c0-76 61.895-137.86 137.937-137.86m197.706 75.902c44.186 3.142 86.154 27.435 109.917 68.57 17.794 30.797 22.38 66.692 14.43 100.42-1.879-1.169-3.6-2.491-5.531-3.605l-136.734-78.907a46.232 46.232 0 0 0-46-.06l-159.463 91.106.36-76.022 144.492-83.413c24.694-14.25 52.017-19.974 78.53-18.09M159.67 192.849c-.071 2.19-.3 4.343-.3 6.55v157.752a46.185 46.185 0 0 0 22.91 39.904l158.68 92.488-66.021 37.68-144.552-83.353c-65.852-38-88.47-122.526-50.448-188.341 17.783-30.78 46.556-52.689 79.731-62.68m340.393 79.927 144.552 83.354c65.852 38 88.47 122.526 50.448 188.341-17.783 30.78-46.556 52.689-79.731 62.68.071-2.19.3-4.343.3-6.55V442.849a46.185 46.185 0 0 0-22.91-39.904l-158.68-92.488zM387.801 336.84l54.537 31.79-.3 63.222-54.839 31.31-54.537-31.85.3-63.162zm100.536 58.654 65.722 38.341v166.767c0 76-61.895 137.86-137.937 137.86-35.593 0-68.972-13.988-94.223-37.74 1.928-1.03 3.925-1.844 5.832-2.945l136.675-78.906c14.223-8.184 23.028-23.353 23.09-39.783zm-46.54 89.543-.36 76.022-144.492 83.413c-65.852 38-150.425 15.335-188.446-50.48-17.794-30.798-22.38-66.693-14.43-100.421 1.879 1.169 3.6 2.491 5.531 3.605l136.735 78.907a46.232 46.232 0 0 0 45.999.06z"
        transform="translate(124 128)"
      />
    </svg>
  );
}
With react-icons
import { AiOutlineOpenAI } from "react-icons/ai";

export function Example() {
  return <AiOutlineOpenAI className="size-5" />;
}
outline-open-ai.svg
<svg
  viewBox="0 0 1024 1024"
  fill-rule="evenodd"
  stroke="currentColor"
  fill="currentColor"
  stroke-width="0"
  width="1em"
  height="1em"
  xmlns="http://www.w3.org/2000/svg"
>
  <path
    d="M358.878 0c-84.345 0-156.575 52.808-185.68 126.983-60.887 8.128-115.29 43.622-146.595 97.837C-15.56 297.814-5.953 386.702 43.74 448.978 20.36 505.726 23.887 570.575 55.164 624.76c42.18 73.024 124.095 109.152 202.937 97.235C295.585 770.621 353.51 800 416.121 800c84.346 0 156.576-52.808 185.68-126.983 60.888-8.128 115.291-43.622 146.596-97.837 42.163-72.994 32.556-161.882-17.137-224.158 23.38-56.748 19.853-121.597-11.424-175.782-42.18-73.024-124.095-109.152-202.937-97.235C479.415 29.379 421.49 0 358.879 0m0 61.538c35.593 0 68.972 13.99 94.223 37.74-1.928 1.031-3.925 1.845-5.832 2.946L310.594 181.13c-14.223 8.184-23.028 23.353-23.09 39.783l-.841 183.594-65.722-38.341V199.399c0-76 61.895-137.86 137.937-137.86m197.706 75.902c44.186 3.142 86.154 27.435 109.917 68.57 17.794 30.797 22.38 66.692 14.43 100.42-1.879-1.169-3.6-2.491-5.531-3.605l-136.734-78.907a46.232 46.232 0 0 0-46-.06l-159.463 91.106.36-76.022 144.492-83.413c24.694-14.25 52.017-19.974 78.53-18.09M159.67 192.849c-.071 2.19-.3 4.343-.3 6.55v157.752a46.185 46.185 0 0 0 22.91 39.904l158.68 92.488-66.021 37.68-144.552-83.353c-65.852-38-88.47-122.526-50.448-188.341 17.783-30.78 46.556-52.689 79.731-62.68m340.393 79.927 144.552 83.354c65.852 38 88.47 122.526 50.448 188.341-17.783 30.78-46.556 52.689-79.731 62.68.071-2.19.3-4.343.3-6.55V442.849a46.185 46.185 0 0 0-22.91-39.904l-158.68-92.488zM387.801 336.84l54.537 31.79-.3 63.222-54.839 31.31-54.537-31.85.3-63.162zm100.536 58.654 65.722 38.341v166.767c0 76-61.895 137.86-137.937 137.86-35.593 0-68.972-13.988-94.223-37.74 1.928-1.03 3.925-1.844 5.832-2.945l136.675-78.906c14.223-8.184 23.028-23.353 23.09-39.783zm-46.54 89.543-.36 76.022-144.492 83.413c-65.852 38-150.425 15.335-188.446-50.48-17.794-30.798-22.38-66.693-14.43-100.421 1.879 1.169 3.6 2.491 5.531 3.605l136.735 78.907a46.232 46.232 0 0 0 45.999.06z"
    transform="translate(124 128)"
  />
</svg>
Attribution
"Outline Open Ai" icon from Ant Design Icons (https://github.com/ant-design/ant-design-icons), licensed under MIT license.

Related icons: external, new tab, launch, out