opera logo
opera from Boxicons Brands by Boxicons · Logo · MIT Free for personal and commercial use.
- Name
- opera
- Set
- Boxicons Brands
- Style
- Logo
- Viewbox
- 24×24
- License
- MIT
The same logo in other sets
Use the opera logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.71 6.366C7.604 7.67 6.888 9.602 6.838 11.765v.471c.05 2.165.766 4.094 1.872 5.397c1.434 1.865 3.564 3.046 5.948 3.046a7.2 7.2 0 0 0 4.006-1.225a9.94 9.94 0 0 1-7.139 2.533A9.995 9.995 0 0 1 2 12C2 6.477 6.478 2 12 2h.038a9.97 9.97 0 0 1 6.627 2.545c-1.173-.773-2.543-1.225-4.009-1.225c-2.382 0-4.514 1.184-5.95 3.046zM22 12a9.97 9.97 0 0 1-3.335 7.455c-2.564 1.25-4.954.375-5.747-.172c2.52-.553 4.422-3.6 4.422-7.283c0-3.686-1.901-6.73-4.422-7.283c.792-.545 3.183-1.42 5.747-.172A9.97 9.97 0 0 1 22 12"/></svg>
React
import type { SVGProps } from "react";
export function BxlOpera(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="M8.71 6.366C7.604 7.67 6.888 9.602 6.838 11.765v.471c.05 2.165.766 4.094 1.872 5.397c1.434 1.865 3.564 3.046 5.948 3.046a7.2 7.2 0 0 0 4.006-1.225a9.94 9.94 0 0 1-7.139 2.533A9.995 9.995 0 0 1 2 12C2 6.477 6.478 2 12 2h.038a9.97 9.97 0 0 1 6.627 2.545c-1.173-.773-2.543-1.225-4.009-1.225c-2.382 0-4.514 1.184-5.95 3.046zM22 12a9.97 9.97 0 0 1-3.335 7.455c-2.564 1.25-4.954.375-5.747-.172c2.52-.553 4.422-3.6 4.422-7.283c0-3.686-1.901-6.73-4.422-7.283c.792-.545 3.183-1.42 5.747-.172A9.97 9.97 0 0 1 22 12"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.71 6.366C7.604 7.67 6.888 9.602 6.838 11.765v.471c.05 2.165.766 4.094 1.872 5.397c1.434 1.865 3.564 3.046 5.948 3.046a7.2 7.2 0 0 0 4.006-1.225a9.94 9.94 0 0 1-7.139 2.533A9.995 9.995 0 0 1 2 12C2 6.477 6.478 2 12 2h.038a9.97 9.97 0 0 1 6.627 2.545c-1.173-.773-2.543-1.225-4.009-1.225c-2.382 0-4.514 1.184-5.95 3.046zM22 12a9.97 9.97 0 0 1-3.335 7.455c-2.564 1.25-4.954.375-5.747-.172c2.52-.553 4.422-3.6 4.422-7.283c0-3.686-1.901-6.73-4.422-7.283c.792-.545 3.183-1.42 5.747-.172A9.97 9.97 0 0 1 22 12"/></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%22M8.71%206.366C7.604%207.67%206.888%209.602%206.838%2011.765v.471c.05%202.165.766%204.094%201.872%205.397c1.434%201.865%203.564%203.046%205.948%203.046a7.2%207.2%200%200%200%204.006-1.225a9.94%209.94%200%200%201-7.139%202.533A9.995%209.995%200%200%201%202%2012C2%206.477%206.478%202%2012%202h.038a9.97%209.97%200%200%201%206.627%202.545c-1.173-.773-2.543-1.225-4.009-1.225c-2.382%200-4.514%201.184-5.95%203.046zM22%2012a9.97%209.97%200%200%201-3.335%207.455c-2.564%201.25-4.954.375-5.747-.172c2.52-.553%204.422-3.6%204.422-7.283c0-3.686-1.901-6.73-4.422-7.283c.792-.545%203.183-1.42%205.747-.172A9.97%209.97%200%200%201%2022%2012%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%22M8.71%206.366C7.604%207.67%206.888%209.602%206.838%2011.765v.471c.05%202.165.766%204.094%201.872%205.397c1.434%201.865%203.564%203.046%205.948%203.046a7.2%207.2%200%200%200%204.006-1.225a9.94%209.94%200%200%201-7.139%202.533A9.995%209.995%200%200%201%202%2012C2%206.477%206.478%202%2012%202h.038a9.97%209.97%200%200%201%206.627%202.545c-1.173-.773-2.543-1.225-4.009-1.225c-2.382%200-4.514%201.184-5.95%203.046zM22%2012a9.97%209.97%200%200%201-3.335%207.455c-2.564%201.25-4.954.375-5.747-.172c2.52-.553%204.422-3.6%204.422-7.283c0-3.686-1.901-6.73-4.422-7.283c.792-.545%203.183-1.42%205.747-.172A9.97%209.97%200%200%201%2022%2012%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/bxl/opera.svg?color=%231a73e8&size=48
