opera logo

opera from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.

Name: opera
Set: CoreUI Brands
Style: Brand
Viewbox: 32×32
License: CC0 1.0

The same logo in other sets

operaBoxicons Brands operaDevicon operaFont Awesome 6 Brands operaFont Awesome Brands operaJam Icons operaLine Awesome operaSVG Logos operaMaterial Design Icons operaOpenMoji opera-fillRemix Icon operaSimple Icons operaTDesign Icons opera-outlineTeenyicons operaUnicons operaUnicons Monochrome

Use the opera logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M10.735 6.984c-1.771 2.089-2.917 5.177-2.995 8.641v.749c.083 3.464 1.224 6.552 2.995 8.641c2.296 2.979 5.703 4.869 9.52 4.869c2.339 0 4.532-.713 6.407-1.959a15.9 15.9 0 0 1-11.421 4.052C6.75 31.582.001 24.582.001 15.998c0-8.839 7.161-16 16-16h.063a15.92 15.92 0 0 1 10.599 4.073c-1.875-1.24-4.068-1.959-6.411-1.959c-3.813 0-7.224 1.891-9.521 4.869zM32 16a15.96 15.96 0 0 1-5.339 11.927c-4.099 2-7.927.6-9.192-.276c4.031-.885 7.077-5.755 7.077-11.651S21.499 5.235 17.469 4.349c1.265-.876 5.093-2.271 9.192-.276A15.95 15.95 0 0 1 32 16"/></svg>

React

import type { SVGProps } from "react";

export function CibOpera(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M10.735 6.984c-1.771 2.089-2.917 5.177-2.995 8.641v.749c.083 3.464 1.224 6.552 2.995 8.641c2.296 2.979 5.703 4.869 9.52 4.869c2.339 0 4.532-.713 6.407-1.959a15.9 15.9 0 0 1-11.421 4.052C6.75 31.582.001 24.582.001 15.998c0-8.839 7.161-16 16-16h.063a15.92 15.92 0 0 1 10.599 4.073c-1.875-1.24-4.068-1.959-6.411-1.959c-3.813 0-7.224 1.891-9.521 4.869zM32 16a15.96 15.96 0 0 1-5.339 11.927c-4.099 2-7.927.6-9.192-.276c4.031-.885 7.077-5.755 7.077-11.651S21.499 5.235 17.469 4.349c1.265-.876 5.093-2.271 9.192-.276A15.95 15.95 0 0 1 32 16"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M10.735 6.984c-1.771 2.089-2.917 5.177-2.995 8.641v.749c.083 3.464 1.224 6.552 2.995 8.641c2.296 2.979 5.703 4.869 9.52 4.869c2.339 0 4.532-.713 6.407-1.959a15.9 15.9 0 0 1-11.421 4.052C6.75 31.582.001 24.582.001 15.998c0-8.839 7.161-16 16-16h.063a15.92 15.92 0 0 1 10.599 4.073c-1.875-1.24-4.068-1.959-6.411-1.959c-3.813 0-7.224 1.891-9.521 4.869zM32 16a15.96 15.96 0 0 1-5.339 11.927c-4.099 2-7.927.6-9.192-.276c4.031-.885 7.077-5.755 7.077-11.651S21.499 5.235 17.469 4.349c1.265-.876 5.093-2.271 9.192-.276A15.95 15.95 0 0 1 32 16"/></svg>
</template>

CSS

.icon-opera {
  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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.735%206.984c-1.771%202.089-2.917%205.177-2.995%208.641v.749c.083%203.464%201.224%206.552%202.995%208.641c2.296%202.979%205.703%204.869%209.52%204.869c2.339%200%204.532-.713%206.407-1.959a15.9%2015.9%200%200%201-11.421%204.052C6.75%2031.582.001%2024.582.001%2015.998c0-8.839%207.161-16%2016-16h.063a15.92%2015.92%200%200%201%2010.599%204.073c-1.875-1.24-4.068-1.959-6.411-1.959c-3.813%200-7.224%201.891-9.521%204.869zM32%2016a15.96%2015.96%200%200%201-5.339%2011.927c-4.099%202-7.927.6-9.192-.276c4.031-.885%207.077-5.755%207.077-11.651S21.499%205.235%2017.469%204.349c1.265-.876%205.093-2.271%209.192-.276A15.95%2015.95%200%200%201%2032%2016%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.735%206.984c-1.771%202.089-2.917%205.177-2.995%208.641v.749c.083%203.464%201.224%206.552%202.995%208.641c2.296%202.979%205.703%204.869%209.52%204.869c2.339%200%204.532-.713%206.407-1.959a15.9%2015.9%200%200%201-11.421%204.052C6.75%2031.582.001%2024.582.001%2015.998c0-8.839%207.161-16%2016-16h.063a15.92%2015.92%200%200%201%2010.599%204.073c-1.875-1.24-4.068-1.959-6.411-1.959c-3.813%200-7.224%201.891-9.521%204.869zM32%2016a15.96%2015.96%200%200%201-5.339%2011.927c-4.099%202-7.927.6-9.192-.276c4.031-.885%207.077-5.755%207.077-11.651S21.499%205.235%2017.469%204.349c1.265-.876%205.093-2.271%209.192-.276A15.95%2015.95%200%200%201%2032%2016%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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