oxygen logo

oxygen from Simple Icons by Simple Icons Collaborators · Brand · CC0-1.0 Free for personal and commercial use.

Name
oxygen
Set
Simple Icons
Style
Brand
Viewbox
24×24
License
CC0 1.0

Use the oxygen logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M23.89 12c0-6.627-5.324-12-11.89-12S.109 5.373.109 12S5.433 24 12 24c2.014 0 3.91-.508 5.573-1.4c.62.354 1.338.558 2.105.558c2.326 0 4.212-1.865 4.212-4.165c0-.946-.319-1.818-.857-2.517c.552-1.383.857-2.894.857-4.476m-21.402.005c0-5.448 4.269-9.864 9.535-9.864s9.535 4.416 9.535 9.864c0 1.07-.166 2.099-.471 3.063a4.2 4.2 0 0 0-1.408-.239c-2.326 0-4.212 1.865-4.212 4.165c0 .72.185 1.397.51 1.988a9.2 9.2 0 0 1-3.953.888c-5.267-.001-9.536-4.418-9.536-9.865m17.191 9.864c-1.514.021-2.84-1.267-2.819-2.788c0-1.54 1.262-2.788 2.819-2.788c1.507-.025 2.843 1.27 2.819 2.788c0 1.54-1.263 2.788-2.819 2.788"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsOxygen(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="M23.89 12c0-6.627-5.324-12-11.89-12S.109 5.373.109 12S5.433 24 12 24c2.014 0 3.91-.508 5.573-1.4c.62.354 1.338.558 2.105.558c2.326 0 4.212-1.865 4.212-4.165c0-.946-.319-1.818-.857-2.517c.552-1.383.857-2.894.857-4.476m-21.402.005c0-5.448 4.269-9.864 9.535-9.864s9.535 4.416 9.535 9.864c0 1.07-.166 2.099-.471 3.063a4.2 4.2 0 0 0-1.408-.239c-2.326 0-4.212 1.865-4.212 4.165c0 .72.185 1.397.51 1.988a9.2 9.2 0 0 1-3.953.888c-5.267-.001-9.536-4.418-9.536-9.865m17.191 9.864c-1.514.021-2.84-1.267-2.819-2.788c0-1.54 1.262-2.788 2.819-2.788c1.507-.025 2.843 1.27 2.819 2.788c0 1.54-1.263 2.788-2.819 2.788"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M23.89 12c0-6.627-5.324-12-11.89-12S.109 5.373.109 12S5.433 24 12 24c2.014 0 3.91-.508 5.573-1.4c.62.354 1.338.558 2.105.558c2.326 0 4.212-1.865 4.212-4.165c0-.946-.319-1.818-.857-2.517c.552-1.383.857-2.894.857-4.476m-21.402.005c0-5.448 4.269-9.864 9.535-9.864s9.535 4.416 9.535 9.864c0 1.07-.166 2.099-.471 3.063a4.2 4.2 0 0 0-1.408-.239c-2.326 0-4.212 1.865-4.212 4.165c0 .72.185 1.397.51 1.988a9.2 9.2 0 0 1-3.953.888c-5.267-.001-9.536-4.418-9.536-9.865m17.191 9.864c-1.514.021-2.84-1.267-2.819-2.788c0-1.54 1.262-2.788 2.819-2.788c1.507-.025 2.843 1.27 2.819 2.788c0 1.54-1.263 2.788-2.819 2.788"/></svg>
</template>

CSS

.icon-oxygen {
  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%22M23.89%2012c0-6.627-5.324-12-11.89-12S.109%205.373.109%2012S5.433%2024%2012%2024c2.014%200%203.91-.508%205.573-1.4c.62.354%201.338.558%202.105.558c2.326%200%204.212-1.865%204.212-4.165c0-.946-.319-1.818-.857-2.517c.552-1.383.857-2.894.857-4.476m-21.402.005c0-5.448%204.269-9.864%209.535-9.864s9.535%204.416%209.535%209.864c0%201.07-.166%202.099-.471%203.063a4.2%204.2%200%200%200-1.408-.239c-2.326%200-4.212%201.865-4.212%204.165c0%20.72.185%201.397.51%201.988a9.2%209.2%200%200%201-3.953.888c-5.267-.001-9.536-4.418-9.536-9.865m17.191%209.864c-1.514.021-2.84-1.267-2.819-2.788c0-1.54%201.262-2.788%202.819-2.788c1.507-.025%202.843%201.27%202.819%202.788c0%201.54-1.263%202.788-2.819%202.788%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%22M23.89%2012c0-6.627-5.324-12-11.89-12S.109%205.373.109%2012S5.433%2024%2012%2024c2.014%200%203.91-.508%205.573-1.4c.62.354%201.338.558%202.105.558c2.326%200%204.212-1.865%204.212-4.165c0-.946-.319-1.818-.857-2.517c.552-1.383.857-2.894.857-4.476m-21.402.005c0-5.448%204.269-9.864%209.535-9.864s9.535%204.416%209.535%209.864c0%201.07-.166%202.099-.471%203.063a4.2%204.2%200%200%200-1.408-.239c-2.326%200-4.212%201.865-4.212%204.165c0%20.72.185%201.397.51%201.988a9.2%209.2%200%200%201-3.953.888c-5.267-.001-9.536-4.418-9.536-9.865m17.191%209.864c-1.514.021-2.84-1.267-2.819-2.788c0-1.54%201.262-2.788%202.819-2.788c1.507-.025%202.843%201.27%202.819%202.788c0%201.54-1.263%202.788-2.819%202.788%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/simple-icons/oxygen.svg?color=%231a73e8&size=48