oppo logo

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

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

Use the oppo logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.85 12.786C1.639 12.774.858 12.2.858 11.321s.781-1.452 1.99-1.465c1.21.013 1.992.588 1.992 1.465s-.782 1.453-1.99 1.465m.034-3.638h-.073C1.156 9.175 0 10.068 0 11.32s1.156 2.147 2.811 2.174h.073c1.655-.027 2.811-.921 2.811-2.174S4.54 9.175 2.885 9.148zm18.27 3.638c-1.21-.012-1.992-.587-1.992-1.465s.782-1.452 1.991-1.465c1.21.013 1.991.588 1.991 1.465s-.781 1.453-1.99 1.465m.035-3.638h-.073c-1.655.027-2.811.92-2.811 2.173s1.156 2.147 2.81 2.174h.074C22.844 13.468 24 12.574 24 11.32s-1.156-2.146-2.811-2.173zm-6.126 3.638c-1.21-.012-1.99-.587-1.99-1.465s.78-1.452 1.99-1.465c1.21.013 1.991.588 1.991 1.465s-.781 1.453-1.99 1.465zm.036-3.638h-.073c-.789.013-1.464.222-1.955.574v-.37h-.857v5.5h.857v-1.931c.49.351 1.166.56 1.954.574h.074c1.655-.027 2.81-.921 2.81-2.174s-1.155-2.146-2.81-2.173m-6.144 3.638c-1.21-.012-1.99-.587-1.99-1.465s.78-1.452 1.99-1.465c1.21.013 1.991.588 1.991 1.465s-.781 1.453-1.99 1.465zm.037-3.638H8.92c-.789.013-1.464.222-1.955.574v-.37h-.856v5.5h.856v-1.931c.491.351 1.166.56 1.955.574h.073c1.655-.027 2.811-.921 2.811-2.174s-1.156-2.146-2.81-2.173z"/></svg>

React

import type { SVGProps } from "react";

export function SimpleIconsOppo(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="M2.85 12.786C1.639 12.774.858 12.2.858 11.321s.781-1.452 1.99-1.465c1.21.013 1.992.588 1.992 1.465s-.782 1.453-1.99 1.465m.034-3.638h-.073C1.156 9.175 0 10.068 0 11.32s1.156 2.147 2.811 2.174h.073c1.655-.027 2.811-.921 2.811-2.174S4.54 9.175 2.885 9.148zm18.27 3.638c-1.21-.012-1.992-.587-1.992-1.465s.782-1.452 1.991-1.465c1.21.013 1.991.588 1.991 1.465s-.781 1.453-1.99 1.465m.035-3.638h-.073c-1.655.027-2.811.92-2.811 2.173s1.156 2.147 2.81 2.174h.074C22.844 13.468 24 12.574 24 11.32s-1.156-2.146-2.811-2.173zm-6.126 3.638c-1.21-.012-1.99-.587-1.99-1.465s.78-1.452 1.99-1.465c1.21.013 1.991.588 1.991 1.465s-.781 1.453-1.99 1.465zm.036-3.638h-.073c-.789.013-1.464.222-1.955.574v-.37h-.857v5.5h.857v-1.931c.49.351 1.166.56 1.954.574h.074c1.655-.027 2.81-.921 2.81-2.174s-1.155-2.146-2.81-2.173m-6.144 3.638c-1.21-.012-1.99-.587-1.99-1.465s.78-1.452 1.99-1.465c1.21.013 1.991.588 1.991 1.465s-.781 1.453-1.99 1.465zm.037-3.638H8.92c-.789.013-1.464.222-1.955.574v-.37h-.856v5.5h.856v-1.931c.491.351 1.166.56 1.955.574h.073c1.655-.027 2.811-.921 2.811-2.174s-1.156-2.146-2.81-2.173z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.85 12.786C1.639 12.774.858 12.2.858 11.321s.781-1.452 1.99-1.465c1.21.013 1.992.588 1.992 1.465s-.782 1.453-1.99 1.465m.034-3.638h-.073C1.156 9.175 0 10.068 0 11.32s1.156 2.147 2.811 2.174h.073c1.655-.027 2.811-.921 2.811-2.174S4.54 9.175 2.885 9.148zm18.27 3.638c-1.21-.012-1.992-.587-1.992-1.465s.782-1.452 1.991-1.465c1.21.013 1.991.588 1.991 1.465s-.781 1.453-1.99 1.465m.035-3.638h-.073c-1.655.027-2.811.92-2.811 2.173s1.156 2.147 2.81 2.174h.074C22.844 13.468 24 12.574 24 11.32s-1.156-2.146-2.811-2.173zm-6.126 3.638c-1.21-.012-1.99-.587-1.99-1.465s.78-1.452 1.99-1.465c1.21.013 1.991.588 1.991 1.465s-.781 1.453-1.99 1.465zm.036-3.638h-.073c-.789.013-1.464.222-1.955.574v-.37h-.857v5.5h.857v-1.931c.49.351 1.166.56 1.954.574h.074c1.655-.027 2.81-.921 2.81-2.174s-1.155-2.146-2.81-2.173m-6.144 3.638c-1.21-.012-1.99-.587-1.99-1.465s.78-1.452 1.99-1.465c1.21.013 1.991.588 1.991 1.465s-.781 1.453-1.99 1.465zm.037-3.638H8.92c-.789.013-1.464.222-1.955.574v-.37h-.856v5.5h.856v-1.931c.491.351 1.166.56 1.955.574h.073c1.655-.027 2.811-.921 2.811-2.174s-1.156-2.146-2.81-2.173z"/></svg>
</template>

CSS

.icon-oppo {
  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%22M2.85%2012.786C1.639%2012.774.858%2012.2.858%2011.321s.781-1.452%201.99-1.465c1.21.013%201.992.588%201.992%201.465s-.782%201.453-1.99%201.465m.034-3.638h-.073C1.156%209.175%200%2010.068%200%2011.32s1.156%202.147%202.811%202.174h.073c1.655-.027%202.811-.921%202.811-2.174S4.54%209.175%202.885%209.148zm18.27%203.638c-1.21-.012-1.992-.587-1.992-1.465s.782-1.452%201.991-1.465c1.21.013%201.991.588%201.991%201.465s-.781%201.453-1.99%201.465m.035-3.638h-.073c-1.655.027-2.811.92-2.811%202.173s1.156%202.147%202.81%202.174h.074C22.844%2013.468%2024%2012.574%2024%2011.32s-1.156-2.146-2.811-2.173zm-6.126%203.638c-1.21-.012-1.99-.587-1.99-1.465s.78-1.452%201.99-1.465c1.21.013%201.991.588%201.991%201.465s-.781%201.453-1.99%201.465zm.036-3.638h-.073c-.789.013-1.464.222-1.955.574v-.37h-.857v5.5h.857v-1.931c.49.351%201.166.56%201.954.574h.074c1.655-.027%202.81-.921%202.81-2.174s-1.155-2.146-2.81-2.173m-6.144%203.638c-1.21-.012-1.99-.587-1.99-1.465s.78-1.452%201.99-1.465c1.21.013%201.991.588%201.991%201.465s-.781%201.453-1.99%201.465zm.037-3.638H8.92c-.789.013-1.464.222-1.955.574v-.37h-.856v5.5h.856v-1.931c.491.351%201.166.56%201.955.574h.073c1.655-.027%202.811-.921%202.811-2.174s-1.156-2.146-2.81-2.173z%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%22M2.85%2012.786C1.639%2012.774.858%2012.2.858%2011.321s.781-1.452%201.99-1.465c1.21.013%201.992.588%201.992%201.465s-.782%201.453-1.99%201.465m.034-3.638h-.073C1.156%209.175%200%2010.068%200%2011.32s1.156%202.147%202.811%202.174h.073c1.655-.027%202.811-.921%202.811-2.174S4.54%209.175%202.885%209.148zm18.27%203.638c-1.21-.012-1.992-.587-1.992-1.465s.782-1.452%201.991-1.465c1.21.013%201.991.588%201.991%201.465s-.781%201.453-1.99%201.465m.035-3.638h-.073c-1.655.027-2.811.92-2.811%202.173s1.156%202.147%202.81%202.174h.074C22.844%2013.468%2024%2012.574%2024%2011.32s-1.156-2.146-2.811-2.173zm-6.126%203.638c-1.21-.012-1.99-.587-1.99-1.465s.78-1.452%201.99-1.465c1.21.013%201.991.588%201.991%201.465s-.781%201.453-1.99%201.465zm.036-3.638h-.073c-.789.013-1.464.222-1.955.574v-.37h-.857v5.5h.857v-1.931c.49.351%201.166.56%201.954.574h.074c1.655-.027%202.81-.921%202.81-2.174s-1.155-2.146-2.81-2.173m-6.144%203.638c-1.21-.012-1.99-.587-1.99-1.465s.78-1.452%201.99-1.465c1.21.013%201.991.588%201.991%201.465s-.781%201.453-1.99%201.465zm.037-3.638H8.92c-.789.013-1.464.222-1.955.574v-.37h-.856v5.5h.856v-1.931c.491.351%201.166.56%201.955.574h.073c1.655-.027%202.811-.921%202.811-2.174s-1.156-2.146-2.81-2.173z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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