Hover the icon or press Play. Suggested motion: write. Pick another to preview it and update the animated code:
Openai icon
A free openai icon from VS Code 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
- CC BY 4.0 license
- Project
- github.com
npx shadcn@latest add https://ui.cuelark.com/r/icons/vscode-codicons/openai.jsonimport * as React from "react";
/**
* Openai from VS Code Icons (https://github.com/microsoft/vscode-codicons), CC BY 4.0.
* Via Cuelark UI: ui.cuelark.com/icons/vscode-codicons/openai. Sized in em, colored by currentColor.
*/
export function VscOpenaiIcon(props: React.SVGProps<SVGSVGElement>) {
return (
<svg
aria-hidden="true"
viewBox="0 0 16 16"
stroke="currentColor"
fill="currentColor"
strokeWidth="0"
width="1em"
height="1em"
xmlns="http://www.w3.org/2000/svg"
{...props}
>
<path
d="M13.67 6.1C13.98 5.21 13.91 4.23 13.44 3.42C12.58 1.93 10.72 1.4 9.19996 2.14C8.58996 1.43 7.70996 1 6.75996 1C5.03996 1 3.63996 2.35 3.52996 4.04C2.60996 4.22 1.79996 4.77 1.31996 5.59C0.459957 7.08 0.929957 8.96 2.33996 9.9C2.02996 10.79 2.09996 11.77 2.56996 12.58C3.16996 13.62 4.26996 14.2 5.38996 14.2C5.86996 14.2 6.35996 14.08 6.81996 13.86C7.42996 14.57 8.30996 14.99 9.25996 14.99C10.98 14.99 12.38 13.64 12.49 11.95C13.41 11.77 14.22 11.22 14.7 10.4C15.56 8.91 15.09 7.03 13.68 6.09L13.67 6.1ZM12.57 3.92C12.86 4.43 12.93 5.02 12.8 5.58L10.25 4.11C10.1 4.02 9.89996 4.02 9.74996 4.11L6.49996 5.99V4.84L9.49996 3.11C10.57 2.49 11.95 2.86 12.57 3.93V3.92ZM9.49996 8.87L7.99996 9.74L6.49996 8.87V7.14L7.99996 6.27L9.49996 7.14V8.87ZM4.49996 4.25C4.49996 3.01 5.50996 2 6.74996 2C7.32996 2 7.87996 2.23 8.29996 2.63L5.74996 4.1C5.59996 4.19 5.49996 4.35 5.49996 4.53V8.28L4.49996 7.7V4.24V4.25ZM2.17996 6.08C2.46996 5.57 2.94996 5.22 3.49996 5.05V7.99C3.49996 8.17 3.59996 8.33 3.74996 8.42L6.99996 10.3L5.99996 10.88L2.99996 9.15C1.92996 8.53 1.55996 7.15 2.17996 6.08ZM3.42996 12.08C3.13996 11.57 3.06996 10.98 3.19996 10.42L5.74996 11.89C5.82996 11.93 5.90996 11.96 5.99996 11.96C6.08996 11.96 6.16996 11.94 6.24996 11.89L9.49996 10.01V11.16L6.49996 12.89C5.42996 13.51 4.04996 13.14 3.42996 12.07V12.08ZM11.5 11.75C11.5 12.99 10.49 14 9.24996 14C8.66996 14 8.11996 13.77 7.69996 13.37L10.25 11.9C10.4 11.81 10.5 11.65 10.5 11.47V7.72L11.5 8.3V11.76V11.75ZM13.82 9.92C13.53 10.43 13.05 10.78 12.5 10.95V8.01C12.5 7.83 12.4 7.67 12.25 7.58L8.99996 5.7L9.99996 5.12L13 6.85C14.07 7.47 14.44 8.85 13.82 9.92Z"
/>
</svg>
);
}import { VscOpenai } from "react-icons/vsc";
export function Example() {
return <VscOpenai className="size-5" />;
}<svg
viewBox="0 0 16 16"
stroke="currentColor"
fill="currentColor"
stroke-width="0"
width="1em"
height="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M13.67 6.1C13.98 5.21 13.91 4.23 13.44 3.42C12.58 1.93 10.72 1.4 9.19996 2.14C8.58996 1.43 7.70996 1 6.75996 1C5.03996 1 3.63996 2.35 3.52996 4.04C2.60996 4.22 1.79996 4.77 1.31996 5.59C0.459957 7.08 0.929957 8.96 2.33996 9.9C2.02996 10.79 2.09996 11.77 2.56996 12.58C3.16996 13.62 4.26996 14.2 5.38996 14.2C5.86996 14.2 6.35996 14.08 6.81996 13.86C7.42996 14.57 8.30996 14.99 9.25996 14.99C10.98 14.99 12.38 13.64 12.49 11.95C13.41 11.77 14.22 11.22 14.7 10.4C15.56 8.91 15.09 7.03 13.68 6.09L13.67 6.1ZM12.57 3.92C12.86 4.43 12.93 5.02 12.8 5.58L10.25 4.11C10.1 4.02 9.89996 4.02 9.74996 4.11L6.49996 5.99V4.84L9.49996 3.11C10.57 2.49 11.95 2.86 12.57 3.93V3.92ZM9.49996 8.87L7.99996 9.74L6.49996 8.87V7.14L7.99996 6.27L9.49996 7.14V8.87ZM4.49996 4.25C4.49996 3.01 5.50996 2 6.74996 2C7.32996 2 7.87996 2.23 8.29996 2.63L5.74996 4.1C5.59996 4.19 5.49996 4.35 5.49996 4.53V8.28L4.49996 7.7V4.24V4.25ZM2.17996 6.08C2.46996 5.57 2.94996 5.22 3.49996 5.05V7.99C3.49996 8.17 3.59996 8.33 3.74996 8.42L6.99996 10.3L5.99996 10.88L2.99996 9.15C1.92996 8.53 1.55996 7.15 2.17996 6.08ZM3.42996 12.08C3.13996 11.57 3.06996 10.98 3.19996 10.42L5.74996 11.89C5.82996 11.93 5.90996 11.96 5.99996 11.96C6.08996 11.96 6.16996 11.94 6.24996 11.89L9.49996 10.01V11.16L6.49996 12.89C5.42996 13.51 4.04996 13.14 3.42996 12.07V12.08ZM11.5 11.75C11.5 12.99 10.49 14 9.24996 14C8.66996 14 8.11996 13.77 7.69996 13.37L10.25 11.9C10.4 11.81 10.5 11.65 10.5 11.47V7.72L11.5 8.3V11.76V11.75ZM13.82 9.92C13.53 10.43 13.05 10.78 12.5 10.95V8.01C12.5 7.83 12.4 7.67 12.25 7.58L8.99996 5.7L9.99996 5.12L13 6.85C14.07 7.47 14.44 8.85 13.82 9.92Z"
/>
</svg>"Openai" icon from VS Code Icons (https://github.com/microsoft/vscode-codicons), licensed under CC BY 4.0 license.