opera icon

opera from Material Design Icons by Pictogrammers · Filled · Brand / Logo · Apache-2.0 Free for personal and commercial use.

Name: opera
Set: Material Design Icons
Style: Filled
Category: Brand / Logo
Viewbox: 24×24
License: Apache 2.0

The same icon in other sets

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

More brand / logo icons from Material Design Icons

Use the opera icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9.04 17.07c-1-1.17-1.64-2.91-1.69-4.86v-.42c.05-1.95.69-3.69 1.69-4.86c.82-.98 1.89-1.56 3.06-1.56c2.62 0 4.74 2.97 4.74 6.63s-2.12 6.63-4.74 6.63c-1.17 0-1.77-.13-3.06-1.56M12.03 3H12a9 9 0 0 0-9 9c0 4.83 3.8 8.77 8.57 9H12c2.3 0 4.4-.87 6-2.29c1.84-1.65 3-4.04 3-6.71s-1.16-5.06-3-6.71A8.94 8.94 0 0 0 12.03 3"/></svg>

React

import type { SVGProps } from "react";

export function MdiOpera(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.04 17.07c-1-1.17-1.64-2.91-1.69-4.86v-.42c.05-1.95.69-3.69 1.69-4.86c.82-.98 1.89-1.56 3.06-1.56c2.62 0 4.74 2.97 4.74 6.63s-2.12 6.63-4.74 6.63c-1.17 0-1.77-.13-3.06-1.56M12.03 3H12a9 9 0 0 0-9 9c0 4.83 3.8 8.77 8.57 9H12c2.3 0 4.4-.87 6-2.29c1.84-1.65 3-4.04 3-6.71s-1.16-5.06-3-6.71A8.94 8.94 0 0 0 12.03 3"/></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.04 17.07c-1-1.17-1.64-2.91-1.69-4.86v-.42c.05-1.95.69-3.69 1.69-4.86c.82-.98 1.89-1.56 3.06-1.56c2.62 0 4.74 2.97 4.74 6.63s-2.12 6.63-4.74 6.63c-1.17 0-1.77-.13-3.06-1.56M12.03 3H12a9 9 0 0 0-9 9c0 4.83 3.8 8.77 8.57 9H12c2.3 0 4.4-.87 6-2.29c1.84-1.65 3-4.04 3-6.71s-1.16-5.06-3-6.71A8.94 8.94 0 0 0 12.03 3"/></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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.04%2017.07c-1-1.17-1.64-2.91-1.69-4.86v-.42c.05-1.95.69-3.69%201.69-4.86c.82-.98%201.89-1.56%203.06-1.56c2.62%200%204.74%202.97%204.74%206.63s-2.12%206.63-4.74%206.63c-1.17%200-1.77-.13-3.06-1.56M12.03%203H12a9%209%200%200%200-9%209c0%204.83%203.8%208.77%208.57%209H12c2.3%200%204.4-.87%206-2.29c1.84-1.65%203-4.04%203-6.71s-1.16-5.06-3-6.71A8.94%208.94%200%200%200%2012.03%203%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.04%2017.07c-1-1.17-1.64-2.91-1.69-4.86v-.42c.05-1.95.69-3.69%201.69-4.86c.82-.98%201.89-1.56%203.06-1.56c2.62%200%204.74%202.97%204.74%206.63s-2.12%206.63-4.74%206.63c-1.17%200-1.77-.13-3.06-1.56M12.03%203H12a9%209%200%200%200-9%209c0%204.83%203.8%208.77%208.57%209H12c2.3%200%204.4-.87%206-2.29c1.84-1.65%203-4.04%203-6.71s-1.16-5.06-3-6.71A8.94%208.94%200%200%200%2012.03%203%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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