open ai logo icon

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

Name: open-ai-logo-light
Set: Phosphor
Style: Light
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-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="M222 114.56a54 54 0 0 0-58.67-74.73a54 54 0 0 0-94 13.46A54 54 0 0 0 34 141.44a54 54 0 0 0 35.56 73.65A54.5 54.5 0 0 0 83.59 217a53 53 0 0 0 9.06-.78a54 54 0 0 0 94-13.46a54 54 0 0 0 35.35-88.2M183.37 52.5a42 42 0 0 1 29.21 53.14a55 55 0 0 0-5.08-3.33L163 76.62a6 6 0 0 0-6 0l-47 27.13V80.66l41.5-24a41.73 41.73 0 0 1 31.87-4.16M146 138.39l-18 10.39l-18-10.39v-20.78l18-10.39l18 10.39ZM78 72a42 42 0 0 1 72.92-28.43a56 56 0 0 0-5.42 2.74L101 72a6 6 0 0 0-3 5.19v54.27l-20-11.54ZM39.13 85.93a41.75 41.75 0 0 1 27.22-20A55 55 0 0 0 66 72v51.38a6 6 0 0 0 3 5.2l47 27.13l-20 11.55l-41.5-24a42 42 0 0 1-15.37-57.33m33.5 117.57a42 42 0 0 1-29.21-53.14a55 55 0 0 0 5.08 3.33L93 179.38a6 6 0 0 0 6 0l47-27.13v23.09l-41.5 24a41.73 41.73 0 0 1-31.87 4.16M178 184a42 42 0 0 1-72.92 28.43a56 56 0 0 0 5.42-2.74L155 184a6 6 0 0 0 3-5.19v-54.27l20 11.54Zm38.87-13.93a41.75 41.75 0 0 1-27.22 20A55 55 0 0 0 190 184v-51.38a6 6 0 0 0-3-5.2l-47-27.13l20-11.55l41.5 24a42 42 0 0 1 15.37 57.33"/></svg>

React

import type { SVGProps } from "react";

export function PhOpenAiLogoLight(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="M222 114.56a54 54 0 0 0-58.67-74.73a54 54 0 0 0-94 13.46A54 54 0 0 0 34 141.44a54 54 0 0 0 35.56 73.65A54.5 54.5 0 0 0 83.59 217a53 53 0 0 0 9.06-.78a54 54 0 0 0 94-13.46a54 54 0 0 0 35.35-88.2M183.37 52.5a42 42 0 0 1 29.21 53.14a55 55 0 0 0-5.08-3.33L163 76.62a6 6 0 0 0-6 0l-47 27.13V80.66l41.5-24a41.73 41.73 0 0 1 31.87-4.16M146 138.39l-18 10.39l-18-10.39v-20.78l18-10.39l18 10.39ZM78 72a42 42 0 0 1 72.92-28.43a56 56 0 0 0-5.42 2.74L101 72a6 6 0 0 0-3 5.19v54.27l-20-11.54ZM39.13 85.93a41.75 41.75 0 0 1 27.22-20A55 55 0 0 0 66 72v51.38a6 6 0 0 0 3 5.2l47 27.13l-20 11.55l-41.5-24a42 42 0 0 1-15.37-57.33m33.5 117.57a42 42 0 0 1-29.21-53.14a55 55 0 0 0 5.08 3.33L93 179.38a6 6 0 0 0 6 0l47-27.13v23.09l-41.5 24a41.73 41.73 0 0 1-31.87 4.16M178 184a42 42 0 0 1-72.92 28.43a56 56 0 0 0 5.42-2.74L155 184a6 6 0 0 0 3-5.19v-54.27l20 11.54Zm38.87-13.93a41.75 41.75 0 0 1-27.22 20A55 55 0 0 0 190 184v-51.38a6 6 0 0 0-3-5.2l-47-27.13l20-11.55l41.5 24a42 42 0 0 1 15.37 57.33"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M222 114.56a54 54 0 0 0-58.67-74.73a54 54 0 0 0-94 13.46A54 54 0 0 0 34 141.44a54 54 0 0 0 35.56 73.65A54.5 54.5 0 0 0 83.59 217a53 53 0 0 0 9.06-.78a54 54 0 0 0 94-13.46a54 54 0 0 0 35.35-88.2M183.37 52.5a42 42 0 0 1 29.21 53.14a55 55 0 0 0-5.08-3.33L163 76.62a6 6 0 0 0-6 0l-47 27.13V80.66l41.5-24a41.73 41.73 0 0 1 31.87-4.16M146 138.39l-18 10.39l-18-10.39v-20.78l18-10.39l18 10.39ZM78 72a42 42 0 0 1 72.92-28.43a56 56 0 0 0-5.42 2.74L101 72a6 6 0 0 0-3 5.19v54.27l-20-11.54ZM39.13 85.93a41.75 41.75 0 0 1 27.22-20A55 55 0 0 0 66 72v51.38a6 6 0 0 0 3 5.2l47 27.13l-20 11.55l-41.5-24a42 42 0 0 1-15.37-57.33m33.5 117.57a42 42 0 0 1-29.21-53.14a55 55 0 0 0 5.08 3.33L93 179.38a6 6 0 0 0 6 0l47-27.13v23.09l-41.5 24a41.73 41.73 0 0 1-31.87 4.16M178 184a42 42 0 0 1-72.92 28.43a56 56 0 0 0 5.42-2.74L155 184a6 6 0 0 0 3-5.19v-54.27l20 11.54Zm38.87-13.93a41.75 41.75 0 0 1-27.22 20A55 55 0 0 0 190 184v-51.38a6 6 0 0 0-3-5.2l-47-27.13l20-11.55l41.5 24a42 42 0 0 1 15.37 57.33"/></svg>
</template>

CSS

.icon-open-ai-logo-light {
  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%22M222%20114.56a54%2054%200%200%200-58.67-74.73a54%2054%200%200%200-94%2013.46A54%2054%200%200%200%2034%20141.44a54%2054%200%200%200%2035.56%2073.65A54.5%2054.5%200%200%200%2083.59%20217a53%2053%200%200%200%209.06-.78a54%2054%200%200%200%2094-13.46a54%2054%200%200%200%2035.35-88.2M183.37%2052.5a42%2042%200%200%201%2029.21%2053.14a55%2055%200%200%200-5.08-3.33L163%2076.62a6%206%200%200%200-6%200l-47%2027.13V80.66l41.5-24a41.73%2041.73%200%200%201%2031.87-4.16M146%20138.39l-18%2010.39l-18-10.39v-20.78l18-10.39l18%2010.39ZM78%2072a42%2042%200%200%201%2072.92-28.43a56%2056%200%200%200-5.42%202.74L101%2072a6%206%200%200%200-3%205.19v54.27l-20-11.54ZM39.13%2085.93a41.75%2041.75%200%200%201%2027.22-20A55%2055%200%200%200%2066%2072v51.38a6%206%200%200%200%203%205.2l47%2027.13l-20%2011.55l-41.5-24a42%2042%200%200%201-15.37-57.33m33.5%20117.57a42%2042%200%200%201-29.21-53.14a55%2055%200%200%200%205.08%203.33L93%20179.38a6%206%200%200%200%206%200l47-27.13v23.09l-41.5%2024a41.73%2041.73%200%200%201-31.87%204.16M178%20184a42%2042%200%200%201-72.92%2028.43a56%2056%200%200%200%205.42-2.74L155%20184a6%206%200%200%200%203-5.19v-54.27l20%2011.54Zm38.87-13.93a41.75%2041.75%200%200%201-27.22%2020A55%2055%200%200%200%20190%20184v-51.38a6%206%200%200%200-3-5.2l-47-27.13l20-11.55l41.5%2024a42%2042%200%200%201%2015.37%2057.33%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%22M222%20114.56a54%2054%200%200%200-58.67-74.73a54%2054%200%200%200-94%2013.46A54%2054%200%200%200%2034%20141.44a54%2054%200%200%200%2035.56%2073.65A54.5%2054.5%200%200%200%2083.59%20217a53%2053%200%200%200%209.06-.78a54%2054%200%200%200%2094-13.46a54%2054%200%200%200%2035.35-88.2M183.37%2052.5a42%2042%200%200%201%2029.21%2053.14a55%2055%200%200%200-5.08-3.33L163%2076.62a6%206%200%200%200-6%200l-47%2027.13V80.66l41.5-24a41.73%2041.73%200%200%201%2031.87-4.16M146%20138.39l-18%2010.39l-18-10.39v-20.78l18-10.39l18%2010.39ZM78%2072a42%2042%200%200%201%2072.92-28.43a56%2056%200%200%200-5.42%202.74L101%2072a6%206%200%200%200-3%205.19v54.27l-20-11.54ZM39.13%2085.93a41.75%2041.75%200%200%201%2027.22-20A55%2055%200%200%200%2066%2072v51.38a6%206%200%200%200%203%205.2l47%2027.13l-20%2011.55l-41.5-24a42%2042%200%200%201-15.37-57.33m33.5%20117.57a42%2042%200%200%201-29.21-53.14a55%2055%200%200%200%205.08%203.33L93%20179.38a6%206%200%200%200%206%200l47-27.13v23.09l-41.5%2024a41.73%2041.73%200%200%201-31.87%204.16M178%20184a42%2042%200%200%201-72.92%2028.43a56%2056%200%200%200%205.42-2.74L155%20184a6%206%200%200%200%203-5.19v-54.27l20%2011.54Zm38.87-13.93a41.75%2041.75%200%200%201-27.22%2020A55%2055%200%200%200%20190%20184v-51.38a6%206%200%200%200-3-5.2l-47-27.13l20-11.55l41.5%2024a42%2042%200%200%201%2015.37%2057.33%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-light.svg?color=%231a73e8&size=48