o2 logo

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

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

Use the o2 logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9.473.191C3.827.191 0 4.271 0 9.917c0 5.317 3.86 9.726 9.472 9.726c5.61 0 9.433-4.409 9.433-9.726C18.905 4.27 15.116.19 9.473.19zm-.002 2.77c3.677 0 5.79 3.422 5.79 6.956c0 3.314-1.785 6.956-5.79 6.956c-4.007 0-5.827-3.642-5.827-6.956c0-3.534 2.148-6.956 5.827-6.956m11.69 12.48a5.5 5.5 0 0 0-2.44.588l.13 1.367c.543-.353 1.204-.66 1.9-.66c.695 0 1.34.355 1.34 1.11c0 1.509-2.791 3.84-3.558 4.584v1.38H24v-1.298h-3.36c1.344-1.32 3.1-2.924 3.1-4.668c0-1.614-1.013-2.403-2.58-2.403z"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsO2(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="M9.473.191C3.827.191 0 4.271 0 9.917c0 5.317 3.86 9.726 9.472 9.726c5.61 0 9.433-4.409 9.433-9.726C18.905 4.27 15.116.19 9.473.19zm-.002 2.77c3.677 0 5.79 3.422 5.79 6.956c0 3.314-1.785 6.956-5.79 6.956c-4.007 0-5.827-3.642-5.827-6.956c0-3.534 2.148-6.956 5.827-6.956m11.69 12.48a5.5 5.5 0 0 0-2.44.588l.13 1.367c.543-.353 1.204-.66 1.9-.66c.695 0 1.34.355 1.34 1.11c0 1.509-2.791 3.84-3.558 4.584v1.38H24v-1.298h-3.36c1.344-1.32 3.1-2.924 3.1-4.668c0-1.614-1.013-2.403-2.58-2.403z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9.473.191C3.827.191 0 4.271 0 9.917c0 5.317 3.86 9.726 9.472 9.726c5.61 0 9.433-4.409 9.433-9.726C18.905 4.27 15.116.19 9.473.19zm-.002 2.77c3.677 0 5.79 3.422 5.79 6.956c0 3.314-1.785 6.956-5.79 6.956c-4.007 0-5.827-3.642-5.827-6.956c0-3.534 2.148-6.956 5.827-6.956m11.69 12.48a5.5 5.5 0 0 0-2.44.588l.13 1.367c.543-.353 1.204-.66 1.9-.66c.695 0 1.34.355 1.34 1.11c0 1.509-2.791 3.84-3.558 4.584v1.38H24v-1.298h-3.36c1.344-1.32 3.1-2.924 3.1-4.668c0-1.614-1.013-2.403-2.58-2.403z"/></svg>
</template>

CSS

.icon-o2 {
  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%22M9.473.191C3.827.191%200%204.271%200%209.917c0%205.317%203.86%209.726%209.472%209.726c5.61%200%209.433-4.409%209.433-9.726C18.905%204.27%2015.116.19%209.473.19zm-.002%202.77c3.677%200%205.79%203.422%205.79%206.956c0%203.314-1.785%206.956-5.79%206.956c-4.007%200-5.827-3.642-5.827-6.956c0-3.534%202.148-6.956%205.827-6.956m11.69%2012.48a5.5%205.5%200%200%200-2.44.588l.13%201.367c.543-.353%201.204-.66%201.9-.66c.695%200%201.34.355%201.34%201.11c0%201.509-2.791%203.84-3.558%204.584v1.38H24v-1.298h-3.36c1.344-1.32%203.1-2.924%203.1-4.668c0-1.614-1.013-2.403-2.58-2.403z%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%22M9.473.191C3.827.191%200%204.271%200%209.917c0%205.317%203.86%209.726%209.472%209.726c5.61%200%209.433-4.409%209.433-9.726C18.905%204.27%2015.116.19%209.473.19zm-.002%202.77c3.677%200%205.79%203.422%205.79%206.956c0%203.314-1.785%206.956-5.79%206.956c-4.007%200-5.827-3.642-5.827-6.956c0-3.534%202.148-6.956%205.827-6.956m11.69%2012.48a5.5%205.5%200%200%200-2.44.588l.13%201.367c.543-.353%201.204-.66%201.9-.66c.695%200%201.34.355%201.34%201.11c0%201.509-2.791%203.84-3.558%204.584v1.38H24v-1.298h-3.36c1.344-1.32%203.1-2.924%203.1-4.668c0-1.614-1.013-2.403-2.58-2.403z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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