open ai logo icon

open-ai-logo-fill from Phosphor by Phosphor Icons · Fill · MIT Free for personal and commercial use.

Name: open-ai-logo-fill
Set: Phosphor
Style: Fill
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

open-ai-logo open-ai-logo-bold open-ai-logo-duotone open-ai-logo-light open-ai-logo-thin

Use the open ai logo icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M224.32 114.24a56 56 0 0 0-60.07-76.57a56 56 0 0 0-96.32 13.77a56 56 0 0 0-36.25 90.32A56 56 0 0 0 69 217a56.4 56.4 0 0 0 14.59 2a56 56 0 0 0 8.17-.61a56 56 0 0 0 96.31-13.78a56 56 0 0 0 36.25-90.32Zm-80.32 23l-16 9.24l-16-9.24v-18.48l16-9.24l16 9.24Zm38.85-82.81a40 40 0 0 1 28.56 48a51 51 0 0 0-2.91-1.81L164 74.88a8 8 0 0 0-8 0l-44 25.41V81.81l40.5-23.38a39.76 39.76 0 0 1 30.35-4m-142 32.5a39.75 39.75 0 0 1 23.27-18.36A56 56 0 0 0 64 72v51.38a8 8 0 0 0 4 6.93l44 25.4L96 165l-40.5-23.43a40 40 0 0 1-14.64-54.64ZM136 224a39.8 39.8 0 0 1-27.52-10.95c1-.51 2-1.05 3-1.63L156 185.73a8 8 0 0 0 4-6.92V128l16 9.24V184a40 40 0 0 1-40 40"/></svg>

React

import type { SVGProps } from "react";

export function PhOpenAiLogoFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M224.32 114.24a56 56 0 0 0-60.07-76.57a56 56 0 0 0-96.32 13.77a56 56 0 0 0-36.25 90.32A56 56 0 0 0 69 217a56.4 56.4 0 0 0 14.59 2a56 56 0 0 0 8.17-.61a56 56 0 0 0 96.31-13.78a56 56 0 0 0 36.25-90.32Zm-80.32 23l-16 9.24l-16-9.24v-18.48l16-9.24l16 9.24Zm38.85-82.81a40 40 0 0 1 28.56 48a51 51 0 0 0-2.91-1.81L164 74.88a8 8 0 0 0-8 0l-44 25.41V81.81l40.5-23.38a39.76 39.76 0 0 1 30.35-4m-142 32.5a39.75 39.75 0 0 1 23.27-18.36A56 56 0 0 0 64 72v51.38a8 8 0 0 0 4 6.93l44 25.4L96 165l-40.5-23.43a40 40 0 0 1-14.64-54.64ZM136 224a39.8 39.8 0 0 1-27.52-10.95c1-.51 2-1.05 3-1.63L156 185.73a8 8 0 0 0 4-6.92V128l16 9.24V184a40 40 0 0 1-40 40"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M224.32 114.24a56 56 0 0 0-60.07-76.57a56 56 0 0 0-96.32 13.77a56 56 0 0 0-36.25 90.32A56 56 0 0 0 69 217a56.4 56.4 0 0 0 14.59 2a56 56 0 0 0 8.17-.61a56 56 0 0 0 96.31-13.78a56 56 0 0 0 36.25-90.32Zm-80.32 23l-16 9.24l-16-9.24v-18.48l16-9.24l16 9.24Zm38.85-82.81a40 40 0 0 1 28.56 48a51 51 0 0 0-2.91-1.81L164 74.88a8 8 0 0 0-8 0l-44 25.41V81.81l40.5-23.38a39.76 39.76 0 0 1 30.35-4m-142 32.5a39.75 39.75 0 0 1 23.27-18.36A56 56 0 0 0 64 72v51.38a8 8 0 0 0 4 6.93l44 25.4L96 165l-40.5-23.43a40 40 0 0 1-14.64-54.64ZM136 224a39.8 39.8 0 0 1-27.52-10.95c1-.51 2-1.05 3-1.63L156 185.73a8 8 0 0 0 4-6.92V128l16 9.24V184a40 40 0 0 1-40 40"/></svg>
</template>

CSS

.icon-open-ai-logo-fill {
  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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M224.32%20114.24a56%2056%200%200%200-60.07-76.57a56%2056%200%200%200-96.32%2013.77a56%2056%200%200%200-36.25%2090.32A56%2056%200%200%200%2069%20217a56.4%2056.4%200%200%200%2014.59%202a56%2056%200%200%200%208.17-.61a56%2056%200%200%200%2096.31-13.78a56%2056%200%200%200%2036.25-90.32Zm-80.32%2023l-16%209.24l-16-9.24v-18.48l16-9.24l16%209.24Zm38.85-82.81a40%2040%200%200%201%2028.56%2048a51%2051%200%200%200-2.91-1.81L164%2074.88a8%208%200%200%200-8%200l-44%2025.41V81.81l40.5-23.38a39.76%2039.76%200%200%201%2030.35-4m-142%2032.5a39.75%2039.75%200%200%201%2023.27-18.36A56%2056%200%200%200%2064%2072v51.38a8%208%200%200%200%204%206.93l44%2025.4L96%20165l-40.5-23.43a40%2040%200%200%201-14.64-54.64ZM136%20224a39.8%2039.8%200%200%201-27.52-10.95c1-.51%202-1.05%203-1.63L156%20185.73a8%208%200%200%200%204-6.92V128l16%209.24V184a40%2040%200%200%201-40%2040%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M224.32%20114.24a56%2056%200%200%200-60.07-76.57a56%2056%200%200%200-96.32%2013.77a56%2056%200%200%200-36.25%2090.32A56%2056%200%200%200%2069%20217a56.4%2056.4%200%200%200%2014.59%202a56%2056%200%200%200%208.17-.61a56%2056%200%200%200%2096.31-13.78a56%2056%200%200%200%2036.25-90.32Zm-80.32%2023l-16%209.24l-16-9.24v-18.48l16-9.24l16%209.24Zm38.85-82.81a40%2040%200%200%201%2028.56%2048a51%2051%200%200%200-2.91-1.81L164%2074.88a8%208%200%200%200-8%200l-44%2025.41V81.81l40.5-23.38a39.76%2039.76%200%200%201%2030.35-4m-142%2032.5a39.75%2039.75%200%200%201%2023.27-18.36A56%2056%200%200%200%2064%2072v51.38a8%208%200%200%200%204%206.93l44%2025.4L96%20165l-40.5-23.43a40%2040%200%200%201-14.64-54.64ZM136%20224a39.8%2039.8%200%200%201-27.52-10.95c1-.51%202-1.05%203-1.63L156%20185.73a8%208%200%200%200%204-6.92V128l16%209.24V184a40%2040%200%200%201-40%2040%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/open-ai-logo-fill.svg?color=%231a73e8&size=48