openai icon
openai-line from Remix Icon by Remix Design · Line · Logos · Apache-2.0 Free for personal and commercial use.
- Name
- openai-line
- Set
- Remix Icon
- Style
- Line
- Category
- Logos
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in Remix Icon
The same icon in other sets
More logos icons from Remix Icon
Use the openai icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11 4c.649 0 1.25.206 1.741.556c-1.292.673-2.48 1.52-3.741 2.248l1 1.732c1.575-.91 3.052-2.05 4.76-2.706a3 3 0 0 1 4.057 3.09C17.588 8.137 16.26 7.531 15 6.804l-1 1.732c1.575.91 3.302 1.618 4.723 2.77a3 3 0 0 1-.648 5.058C18.14 14.908 18 13.455 18 12h-2c0 1.818.25 3.669-.037 5.476a3 3 0 0 1-4.705 1.967c1.293-.673 2.482-1.52 3.742-2.247l-1-1.732c-1.575.91-3.052 2.05-4.76 2.706a3 3 0 0 1-4.057-3.09c1.23.782 2.557 1.388 3.817 2.116l1-1.732c-1.575-.91-3.302-1.618-4.724-2.77a3 3 0 0 1 .649-5.058C5.86 9.092 6 10.545 6 12h2c0-1.818-.25-3.669.037-5.476A3 3 0 0 1 11 4m3.793-.258a5.001 5.001 0 0 0-8.548 1.71a5.001 5.001 0 0 0-2.793 8.258a5.001 5.001 0 0 0 5.756 6.548a5.001 5.001 0 0 0 8.548-1.71a5.001 5.001 0 0 0 2.793-8.258a5.001 5.001 0 0 0-5.756-6.548"/></svg>
React
import type { SVGProps } from "react";
export function RiOpenaiLine(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11 4c.649 0 1.25.206 1.741.556c-1.292.673-2.48 1.52-3.741 2.248l1 1.732c1.575-.91 3.052-2.05 4.76-2.706a3 3 0 0 1 4.057 3.09C17.588 8.137 16.26 7.531 15 6.804l-1 1.732c1.575.91 3.302 1.618 4.723 2.77a3 3 0 0 1-.648 5.058C18.14 14.908 18 13.455 18 12h-2c0 1.818.25 3.669-.037 5.476a3 3 0 0 1-4.705 1.967c1.293-.673 2.482-1.52 3.742-2.247l-1-1.732c-1.575.91-3.052 2.05-4.76 2.706a3 3 0 0 1-4.057-3.09c1.23.782 2.557 1.388 3.817 2.116l1-1.732c-1.575-.91-3.302-1.618-4.724-2.77a3 3 0 0 1 .649-5.058C5.86 9.092 6 10.545 6 12h2c0-1.818-.25-3.669.037-5.476A3 3 0 0 1 11 4m3.793-.258a5.001 5.001 0 0 0-8.548 1.71a5.001 5.001 0 0 0-2.793 8.258a5.001 5.001 0 0 0 5.756 6.548a5.001 5.001 0 0 0 8.548-1.71a5.001 5.001 0 0 0 2.793-8.258a5.001 5.001 0 0 0-5.756-6.548"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11 4c.649 0 1.25.206 1.741.556c-1.292.673-2.48 1.52-3.741 2.248l1 1.732c1.575-.91 3.052-2.05 4.76-2.706a3 3 0 0 1 4.057 3.09C17.588 8.137 16.26 7.531 15 6.804l-1 1.732c1.575.91 3.302 1.618 4.723 2.77a3 3 0 0 1-.648 5.058C18.14 14.908 18 13.455 18 12h-2c0 1.818.25 3.669-.037 5.476a3 3 0 0 1-4.705 1.967c1.293-.673 2.482-1.52 3.742-2.247l-1-1.732c-1.575.91-3.052 2.05-4.76 2.706a3 3 0 0 1-4.057-3.09c1.23.782 2.557 1.388 3.817 2.116l1-1.732c-1.575-.91-3.302-1.618-4.724-2.77a3 3 0 0 1 .649-5.058C5.86 9.092 6 10.545 6 12h2c0-1.818-.25-3.669.037-5.476A3 3 0 0 1 11 4m3.793-.258a5.001 5.001 0 0 0-8.548 1.71a5.001 5.001 0 0 0-2.793 8.258a5.001 5.001 0 0 0 5.756 6.548a5.001 5.001 0 0 0 8.548-1.71a5.001 5.001 0 0 0 2.793-8.258a5.001 5.001 0 0 0-5.756-6.548"/></svg> </template>
CSS
.icon-openai-line {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11%204c.649%200%201.25.206%201.741.556c-1.292.673-2.48%201.52-3.741%202.248l1%201.732c1.575-.91%203.052-2.05%204.76-2.706a3%203%200%200%201%204.057%203.09C17.588%208.137%2016.26%207.531%2015%206.804l-1%201.732c1.575.91%203.302%201.618%204.723%202.77a3%203%200%200%201-.648%205.058C18.14%2014.908%2018%2013.455%2018%2012h-2c0%201.818.25%203.669-.037%205.476a3%203%200%200%201-4.705%201.967c1.293-.673%202.482-1.52%203.742-2.247l-1-1.732c-1.575.91-3.052%202.05-4.76%202.706a3%203%200%200%201-4.057-3.09c1.23.782%202.557%201.388%203.817%202.116l1-1.732c-1.575-.91-3.302-1.618-4.724-2.77a3%203%200%200%201%20.649-5.058C5.86%209.092%206%2010.545%206%2012h2c0-1.818-.25-3.669.037-5.476A3%203%200%200%201%2011%204m3.793-.258a5.001%205.001%200%200%200-8.548%201.71a5.001%205.001%200%200%200-2.793%208.258a5.001%205.001%200%200%200%205.756%206.548a5.001%205.001%200%200%200%208.548-1.71a5.001%205.001%200%200%200%202.793-8.258a5.001%205.001%200%200%200-5.756-6.548%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11%204c.649%200%201.25.206%201.741.556c-1.292.673-2.48%201.52-3.741%202.248l1%201.732c1.575-.91%203.052-2.05%204.76-2.706a3%203%200%200%201%204.057%203.09C17.588%208.137%2016.26%207.531%2015%206.804l-1%201.732c1.575.91%203.302%201.618%204.723%202.77a3%203%200%200%201-.648%205.058C18.14%2014.908%2018%2013.455%2018%2012h-2c0%201.818.25%203.669-.037%205.476a3%203%200%200%201-4.705%201.967c1.293-.673%202.482-1.52%203.742-2.247l-1-1.732c-1.575.91-3.052%202.05-4.76%202.706a3%203%200%200%201-4.057-3.09c1.23.782%202.557%201.388%203.817%202.116l1-1.732c-1.575-.91-3.302-1.618-4.724-2.77a3%203%200%200%201%20.649-5.058C5.86%209.092%206%2010.545%206%2012h2c0-1.818-.25-3.669.037-5.476A3%203%200%200%201%2011%204m3.793-.258a5.001%205.001%200%200%200-8.548%201.71a5.001%205.001%200%200%200-2.793%208.258a5.001%205.001%200%200%200%205.756%206.548a5.001%205.001%200%200%200%208.548-1.71a5.001%205.001%200%200%200%202.793-8.258a5.001%205.001%200%200%200-5.756-6.548%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ri/openai-line.svg?color=%231a73e8&size=48
