opera logo

opera from Font Awesome 6 Brands by Dave Gandy · Regular · CC-BY-4.0 Attribution required.

Name: opera
Set: Font Awesome 6 Brands
Style: Regular
Viewbox: 496×512
License: CC BY 4.0

The same logo in other sets

operaBoxicons Brands operaCoreUI Brands operaDevicon 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 496 512"><path fill="currentColor" d="M313.9 32.7c-170.2 0-252.6 223.8-147.5 355.1c36.5 45.4 88.6 75.6 147.5 75.6c36.3 0 70.3-11.1 99.4-30.4c-43.8 39.2-101.9 63-165.3 63c-3.9 0-8 0-11.9-.3C104.6 489.6 0 381.1 0 248C0 111 111 0 248 0h.8c63.1.3 120.7 24.1 164.4 63.1c-29-19.4-63.1-30.4-99.3-30.4m101.8 397.7c-40.9 24.7-90.7 23.6-132-5.8c56.2-20.5 97.7-91.6 97.7-176.6c0-84.7-41.2-155.8-97.4-176.6c41.8-29.2 91.2-30.3 132.9-5c105.9 98.7 105.5 265.7-1.2 364"/></svg>

React

import type { SVGProps } from "react";

export function Fa6BrandsOpera(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 496 512"><path fill="currentColor" d="M313.9 32.7c-170.2 0-252.6 223.8-147.5 355.1c36.5 45.4 88.6 75.6 147.5 75.6c36.3 0 70.3-11.1 99.4-30.4c-43.8 39.2-101.9 63-165.3 63c-3.9 0-8 0-11.9-.3C104.6 489.6 0 381.1 0 248C0 111 111 0 248 0h.8c63.1.3 120.7 24.1 164.4 63.1c-29-19.4-63.1-30.4-99.3-30.4m101.8 397.7c-40.9 24.7-90.7 23.6-132-5.8c56.2-20.5 97.7-91.6 97.7-176.6c0-84.7-41.2-155.8-97.4-176.6c41.8-29.2 91.2-30.3 132.9-5c105.9 98.7 105.5 265.7-1.2 364"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 496 512"><path fill="currentColor" d="M313.9 32.7c-170.2 0-252.6 223.8-147.5 355.1c36.5 45.4 88.6 75.6 147.5 75.6c36.3 0 70.3-11.1 99.4-30.4c-43.8 39.2-101.9 63-165.3 63c-3.9 0-8 0-11.9-.3C104.6 489.6 0 381.1 0 248C0 111 111 0 248 0h.8c63.1.3 120.7 24.1 164.4 63.1c-29-19.4-63.1-30.4-99.3-30.4m101.8 397.7c-40.9 24.7-90.7 23.6-132-5.8c56.2-20.5 97.7-91.6 97.7-176.6c0-84.7-41.2-155.8-97.4-176.6c41.8-29.2 91.2-30.3 132.9-5c105.9 98.7 105.5 265.7-1.2 364"/></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%20496%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M313.9%2032.7c-170.2%200-252.6%20223.8-147.5%20355.1c36.5%2045.4%2088.6%2075.6%20147.5%2075.6c36.3%200%2070.3-11.1%2099.4-30.4c-43.8%2039.2-101.9%2063-165.3%2063c-3.9%200-8%200-11.9-.3C104.6%20489.6%200%20381.1%200%20248C0%20111%20111%200%20248%200h.8c63.1.3%20120.7%2024.1%20164.4%2063.1c-29-19.4-63.1-30.4-99.3-30.4m101.8%20397.7c-40.9%2024.7-90.7%2023.6-132-5.8c56.2-20.5%2097.7-91.6%2097.7-176.6c0-84.7-41.2-155.8-97.4-176.6c41.8-29.2%2091.2-30.3%20132.9-5c105.9%2098.7%20105.5%20265.7-1.2%20364%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%20496%20512%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M313.9%2032.7c-170.2%200-252.6%20223.8-147.5%20355.1c36.5%2045.4%2088.6%2075.6%20147.5%2075.6c36.3%200%2070.3-11.1%2099.4-30.4c-43.8%2039.2-101.9%2063-165.3%2063c-3.9%200-8%200-11.9-.3C104.6%20489.6%200%20381.1%200%20248C0%20111%20111%200%20248%200h.8c63.1.3%20120.7%2024.1%20164.4%2063.1c-29-19.4-63.1-30.4-99.3-30.4m101.8%20397.7c-40.9%2024.7-90.7%2023.6-132-5.8c56.2-20.5%2097.7-91.6%2097.7-176.6c0-84.7-41.2-155.8-97.4-176.6c41.8-29.2%2091.2-30.3%20132.9-5c105.9%2098.7%20105.5%20265.7-1.2%20364%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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