open ai logo icon

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

Name: open-ai-logo-thin
Set: Phosphor
Style: Thin
Viewbox: 256×256
License: MIT

5 other variants in Phosphor

open-ai-logo open-ai-logo-bold open-ai-logo-duotone open-ai-logo-fill open-ai-logo-light

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="M219.68 114.91A52 52 0 0 0 162.49 42a52 52 0 0 0-91.67 13.15a52 52 0 0 0-34.5 85.94A52 52 0 0 0 70 213.16A52.3 52.3 0 0 0 83.59 215a51.7 51.7 0 0 0 9.93-1a52 52 0 0 0 91.66-13.13a52 52 0 0 0 34.5-85.94Zm-35.8-64.34a44 44 0 0 1 29.66 58.36a52 52 0 0 0-7-4.89L162 78.35a4 4 0 0 0-4 0l-50 28.87V79.5L150.5 55a43.7 43.7 0 0 1 33.38-4.43m-35.88 89l-20 11.54l-20-11.54v-23.1l20-11.54l20 11.54ZM76 72a44 44 0 0 1 78.25-27.62A52 52 0 0 0 146.5 48L102 73.73a4 4 0 0 0-2 3.46v57.74l-24-13.86ZM37.4 84.93a43.72 43.72 0 0 1 31.31-21.47A52 52 0 0 0 68 72v51.38a4 4 0 0 0 2 3.46l50 28.87l-24 13.86L53.5 145a44 44 0 0 1-16.1-60.07m34.72 120.5a44 44 0 0 1-29.66-58.36a52 52 0 0 0 7 4.89L94 177.65a4 4 0 0 0 4 0l50-28.87v27.72L105.5 201a43.7 43.7 0 0 1-33.38 4.43M180 184a44 44 0 0 1-78.26 27.61a51.7 51.7 0 0 0 7.76-3.61l44.5-25.73a4 4 0 0 0 2-3.46v-57.74l24 13.86Zm38.6-12.93a43.72 43.72 0 0 1-31.31 21.47A52 52 0 0 0 188 184v-51.38a4 4 0 0 0-2-3.46l-50-28.87l24-13.86L202.5 111a44 44 0 0 1 16.1 60.07"/></svg>

React

import type { SVGProps } from "react";

export function PhOpenAiLogoThin(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="M219.68 114.91A52 52 0 0 0 162.49 42a52 52 0 0 0-91.67 13.15a52 52 0 0 0-34.5 85.94A52 52 0 0 0 70 213.16A52.3 52.3 0 0 0 83.59 215a51.7 51.7 0 0 0 9.93-1a52 52 0 0 0 91.66-13.13a52 52 0 0 0 34.5-85.94Zm-35.8-64.34a44 44 0 0 1 29.66 58.36a52 52 0 0 0-7-4.89L162 78.35a4 4 0 0 0-4 0l-50 28.87V79.5L150.5 55a43.7 43.7 0 0 1 33.38-4.43m-35.88 89l-20 11.54l-20-11.54v-23.1l20-11.54l20 11.54ZM76 72a44 44 0 0 1 78.25-27.62A52 52 0 0 0 146.5 48L102 73.73a4 4 0 0 0-2 3.46v57.74l-24-13.86ZM37.4 84.93a43.72 43.72 0 0 1 31.31-21.47A52 52 0 0 0 68 72v51.38a4 4 0 0 0 2 3.46l50 28.87l-24 13.86L53.5 145a44 44 0 0 1-16.1-60.07m34.72 120.5a44 44 0 0 1-29.66-58.36a52 52 0 0 0 7 4.89L94 177.65a4 4 0 0 0 4 0l50-28.87v27.72L105.5 201a43.7 43.7 0 0 1-33.38 4.43M180 184a44 44 0 0 1-78.26 27.61a51.7 51.7 0 0 0 7.76-3.61l44.5-25.73a4 4 0 0 0 2-3.46v-57.74l24 13.86Zm38.6-12.93a43.72 43.72 0 0 1-31.31 21.47A52 52 0 0 0 188 184v-51.38a4 4 0 0 0-2-3.46l-50-28.87l24-13.86L202.5 111a44 44 0 0 1 16.1 60.07"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M219.68 114.91A52 52 0 0 0 162.49 42a52 52 0 0 0-91.67 13.15a52 52 0 0 0-34.5 85.94A52 52 0 0 0 70 213.16A52.3 52.3 0 0 0 83.59 215a51.7 51.7 0 0 0 9.93-1a52 52 0 0 0 91.66-13.13a52 52 0 0 0 34.5-85.94Zm-35.8-64.34a44 44 0 0 1 29.66 58.36a52 52 0 0 0-7-4.89L162 78.35a4 4 0 0 0-4 0l-50 28.87V79.5L150.5 55a43.7 43.7 0 0 1 33.38-4.43m-35.88 89l-20 11.54l-20-11.54v-23.1l20-11.54l20 11.54ZM76 72a44 44 0 0 1 78.25-27.62A52 52 0 0 0 146.5 48L102 73.73a4 4 0 0 0-2 3.46v57.74l-24-13.86ZM37.4 84.93a43.72 43.72 0 0 1 31.31-21.47A52 52 0 0 0 68 72v51.38a4 4 0 0 0 2 3.46l50 28.87l-24 13.86L53.5 145a44 44 0 0 1-16.1-60.07m34.72 120.5a44 44 0 0 1-29.66-58.36a52 52 0 0 0 7 4.89L94 177.65a4 4 0 0 0 4 0l50-28.87v27.72L105.5 201a43.7 43.7 0 0 1-33.38 4.43M180 184a44 44 0 0 1-78.26 27.61a51.7 51.7 0 0 0 7.76-3.61l44.5-25.73a4 4 0 0 0 2-3.46v-57.74l24 13.86Zm38.6-12.93a43.72 43.72 0 0 1-31.31 21.47A52 52 0 0 0 188 184v-51.38a4 4 0 0 0-2-3.46l-50-28.87l24-13.86L202.5 111a44 44 0 0 1 16.1 60.07"/></svg>
</template>

CSS

.icon-open-ai-logo-thin {
  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%22M219.68%20114.91A52%2052%200%200%200%20162.49%2042a52%2052%200%200%200-91.67%2013.15a52%2052%200%200%200-34.5%2085.94A52%2052%200%200%200%2070%20213.16A52.3%2052.3%200%200%200%2083.59%20215a51.7%2051.7%200%200%200%209.93-1a52%2052%200%200%200%2091.66-13.13a52%2052%200%200%200%2034.5-85.94Zm-35.8-64.34a44%2044%200%200%201%2029.66%2058.36a52%2052%200%200%200-7-4.89L162%2078.35a4%204%200%200%200-4%200l-50%2028.87V79.5L150.5%2055a43.7%2043.7%200%200%201%2033.38-4.43m-35.88%2089l-20%2011.54l-20-11.54v-23.1l20-11.54l20%2011.54ZM76%2072a44%2044%200%200%201%2078.25-27.62A52%2052%200%200%200%20146.5%2048L102%2073.73a4%204%200%200%200-2%203.46v57.74l-24-13.86ZM37.4%2084.93a43.72%2043.72%200%200%201%2031.31-21.47A52%2052%200%200%200%2068%2072v51.38a4%204%200%200%200%202%203.46l50%2028.87l-24%2013.86L53.5%20145a44%2044%200%200%201-16.1-60.07m34.72%20120.5a44%2044%200%200%201-29.66-58.36a52%2052%200%200%200%207%204.89L94%20177.65a4%204%200%200%200%204%200l50-28.87v27.72L105.5%20201a43.7%2043.7%200%200%201-33.38%204.43M180%20184a44%2044%200%200%201-78.26%2027.61a51.7%2051.7%200%200%200%207.76-3.61l44.5-25.73a4%204%200%200%200%202-3.46v-57.74l24%2013.86Zm38.6-12.93a43.72%2043.72%200%200%201-31.31%2021.47A52%2052%200%200%200%20188%20184v-51.38a4%204%200%200%200-2-3.46l-50-28.87l24-13.86L202.5%20111a44%2044%200%200%201%2016.1%2060.07%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%22M219.68%20114.91A52%2052%200%200%200%20162.49%2042a52%2052%200%200%200-91.67%2013.15a52%2052%200%200%200-34.5%2085.94A52%2052%200%200%200%2070%20213.16A52.3%2052.3%200%200%200%2083.59%20215a51.7%2051.7%200%200%200%209.93-1a52%2052%200%200%200%2091.66-13.13a52%2052%200%200%200%2034.5-85.94Zm-35.8-64.34a44%2044%200%200%201%2029.66%2058.36a52%2052%200%200%200-7-4.89L162%2078.35a4%204%200%200%200-4%200l-50%2028.87V79.5L150.5%2055a43.7%2043.7%200%200%201%2033.38-4.43m-35.88%2089l-20%2011.54l-20-11.54v-23.1l20-11.54l20%2011.54ZM76%2072a44%2044%200%200%201%2078.25-27.62A52%2052%200%200%200%20146.5%2048L102%2073.73a4%204%200%200%200-2%203.46v57.74l-24-13.86ZM37.4%2084.93a43.72%2043.72%200%200%201%2031.31-21.47A52%2052%200%200%200%2068%2072v51.38a4%204%200%200%200%202%203.46l50%2028.87l-24%2013.86L53.5%20145a44%2044%200%200%201-16.1-60.07m34.72%20120.5a44%2044%200%200%201-29.66-58.36a52%2052%200%200%200%207%204.89L94%20177.65a4%204%200%200%200%204%200l50-28.87v27.72L105.5%20201a43.7%2043.7%200%200%201-33.38%204.43M180%20184a44%2044%200%200%201-78.26%2027.61a51.7%2051.7%200%200%200%207.76-3.61l44.5-25.73a4%204%200%200%200%202-3.46v-57.74l24%2013.86Zm38.6-12.93a43.72%2043.72%200%200%201-31.31%2021.47A52%2052%200%200%200%20188%20184v-51.38a4%204%200%200%200-2-3.46l-50-28.87l24-13.86L202.5%20111a44%2044%200%200%201%2016.1%2060.07%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-thin.svg?color=%231a73e8&size=48